Exercice 14/25
- Dans le fichier
stylesheet.css, attribuez à la propriétéfloatla valeurleft; - Remarquez comment le
divvient reprendre sa place sur la gauche. Mais, il n'est plus dans le flux courant, il flotte à gauche, donc le paragraphe qui suit ne se met plus en dessous mais vient "englober" l'élément flottant; - Cliquez sur soumettre ma réponse pour vérifier vos résultats;
Leçon 14/25
Dans cet exercice, vous allez repositionner l'élément div tel qu'il était au départ, c'est-à-dire sur la gauche de la page.
3 Commentaires
-
Zephyrum
Incroyable !le 06/11/2018 à 22h49
index.html
stylesheet.css
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
<title>Le positionnement flottant (gauche)</title>
</head>
<body>
<div>Je flotte</div>
<p><strong>Je reste dans le flux courant.</strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
div {
height: 100px;
width: 100px;
border: 2px solid black;
border-radius: 5px;
background-color: #4D94FF;
float: right;
}
Commentaires les mieux notés