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

8 Commentaires

  • agorfiya-60

    agorfiya-60

    Bonjour, où est mon problème svp?

    le 07/11/2022 à 11h45

  • Patricio M

    Patricio M Admin

    Le problème est disparu :)

    le 08/11/2022 à 08h29

  • rcolboc.dev-25

    rcolboc.dev-25

    Bonjour, alors je ne sais pas si c'est mon navigateur (Chromium sur Linux) mais l'aperçu de la Sandbox fait souvent défaut et ne se met pas à jour ;)

    le 03/06/2022 à 09h05

  • meriam

    meriam Admin

    Bonjour, quel est votre problème exactement???

    le 03/06/2022 à 14h47

  • lloydyaal-777

    lloydyaal-777

    Bonjour, Depuis l'exercice 13 j'ai des boucles infini malgré ma validation... ??!!

    le 05/08/2021 à 13h23

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 12/08/2021 à 14h11

stylesheet.css
index.html
div { height: 100px; width: 100px; border: 2px solid black; border-radius: 5px; background-color: #4D94FF; } p { width: 300px; }
<!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>