Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder 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; padding: 10px; bordure: 3px solide vert; } .div2 { padding: 10px; bordure: 3px solide rouge; largeur: 200px; } .div3 { flottant: gauche; padding: 10px; bordure: 3px solide vert; } .div4 { padding: 10px; bordure: 3px solide rouge; largeur: 200px; clair: gauche; } </style> </head> <body> <h2>Sans clair</h2> <div class="div1">div1</div> <div class="div2">div2 - Remarquez que div2 est après div1 dans le code HTML. Cependant, comme div2 n'a pas de clear, le texte dans div2 flotte autour de div1.</div> <h2>Avec clear: left</h2> <div class="div3">div3</div> <div class="div4">div4 - Ici, clear: left; pousse div4 en dessous du div3 flottant, sur son côté gauche.</div> </body> </html>