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> h1 { margin-bottom: 50px; } h2 { margin-top: 20px; } </style> </head> <body> <h1>Effondrement de marge</h1> <h2><h2>En-tête 2</h2></h2> <p>Dans cet exemple, l'élément h1 a une marge inférieure de 50px et l'élément h2 a une marge supérieure de 20px. Ainsi, la marge verticale entre h1 et h2 aurait dû être de 70px (50px + 20px). Cependant, en raison de la fusion des marges, la marge réelle se retrouve à 50px.</p> </body> </html>