Exercice 15/25

  • Dans le fichier stylesheet.css, attribuez au div la valeur right et au p la valeur left pour la propriété float;
  • Vous avez donc deux éléments qui flottent à l'intérieur de leur élément parent (body). L'un sur la gauche, l'autre sur la droite;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 15/25

Dans cet exercice, vous allez utiliser les deux valeurs de float afin de positionner deux éléments HTML côte à côte.

Commentaires les mieux notés

  • maxime.lafosse9-39

    Bonjour j'ai fais l'exercice en fesant ce qu'y était demandé j'ai le site m'annonce une erreur et de passer à l'exercice suivant

1 Commentaires

    index.html
    stylesheet.css
    <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Le positionnement flottant (gauche et droite)</title> </head> <body> <div>Je vais flotter à droite</div> <p> <strong>Je vais flotter à gauche.</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; } p { width: 300px; }