<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Positions</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<p>
<button class="button">bouton</button>
<span class="button">spa</span>
<a class="button">aaa</a>
</p>
<div class="conteneur">
<div class="contenu">mon contenu dskfh skdf kjshdkfh sjkdhfkjh skdf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
</div>
</div>
<div class="conteneur-2">
<div class="contenu">mon contenu dskfh skdf kjshdkfh sjkdhfkjh skdf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
dskf lksdfs dklf lsdlf sldkjf
</div>
</div>
<span class="box">ça dépasse</span>
<span class="box-2">ça dépasse</span>
<ul class="list list-1">
<li class="list-item">item</li>
<li class="list-item">item</li>
<li class="list-item">item</li>
</ul>
<ul class="list list-2">
<li class="list-item">item</li>
<li class="list-item">item</li>
<li class="list-item">item</li>
</ul>
<ul class="list list-3">
<li class="list-item">item</li>
<li class="list-item">item X</li>
<li class="list-item">item</li>
</ul>
<ul class="list list-4">
<li class="list-item">item</li>
<li class="list-item">item</li>
<li class="list-item">item</li>
</ul>
<ul class="list list-5"><li class="list-item">item</li><li class="list-item">item</li><li class="list-item">item</li><li class="list-item">item</li></ul>
<div class="cols">
<div class="col1">col1</div>
<div class="col2">col2</div>
</div>
</body>
</html>