Exercice 14/25

  • Dans le fichier stylesheet.css, attribuez à la propriété float la valeur left;
  • Remarquez comment le div vient 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.

Commentaires les mieux notés

3 Commentaires

  • Zephyrum

    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; }