Exercice 15/25
- Dans le fichier
stylesheet.css
, attribuez audiv
la valeurright
et aup
la valeurleft
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.
8 Commentaires
-
agorfiya-60
Bonjour, où est mon problème svp?le 07/11/2022 à 11h45
-
Patricio M Admin
Le problème est disparu :)
le 08/11/2022 à 08h29
-
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 Admin
Bonjour, quel est votre problème exactement???
le 03/06/2022 à 14h47
-
lloydyaal-777
Bonjour, Depuis l'exercice 13 j'ai des boucles infini malgré ma validation... ??!!le 05/08/2021 à 13h23
-
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>
Commentaires les mieux notés