Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> .div1 { flottant: gauche; largeur: 100px; hauteur: 50px; marge: 10px; bordure: 3px solide #73AD21; } .div2 { bordure: 1px solide rouge; } .div3 { flottant: gauche; largeur: 100px; hauteur: 50px; marge: 10px; bordure: 3px solide #73AD21; } .div4 { bordure: 1px solide rouge; clair: gauche; } </style> </head> <body> <h2>Sans clair</h2> <div class="div1">div1</div> <div class="div2"><div2> - Remarquez que l'élément div2 est après div1, dans le code HTML. Cependant, comme div1 est flotté à gauche, cela se produit : le texte dans div2 est flotté autour de div1, et div2 entoure le tout.</div> <h2>Utiliser clair</h2> <div class="div3">div3</div> <div class="div4">div4 - Utiliser des mouvements clairs déplace div4 en dessous de la div3 flottante. La valeur "left" efface les éléments flottés à gauche. Vous pouvez également effacer "right" et "both".</div> </body> </html>