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> div.ex1 { largeur: 300px; couleur-de-fond: jaune; } div.ex2 { largeur: 300px; padding: 25px; box-sizing: border-box; couleur de fond: bleu clair; } </style> </head> <body> <h2>Padding et largeur de l'élément - avec box-sizing</h2> <div class="ex1">
Ce div fait 300px de large.
</div> <br> <div class="ex2">The width of this div remains at 300px, in spite of the 50px of total left and right padding, because of the box-sizing: border-box property. </div> </body> </html>