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 { affichage: grille; place-items: center; /* Aligner les éléments au centre de la cellule de la grille */ hauteur: 600px; bordure: 1px solide noir; } img { largeur: 50%; } </style> </head> <body> <h2>Véritable centrage avec display: grid</h2> <p>Ici, l'image est centrée à la fois verticalement et horizontalement avec display:grid :</p> <div> <img src="paris.jpg" alt="Paris" style="width:50%"> </div> </body> </html>