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 { afficher: flex; justify-content: center; align-items: center; hauteur: 600px; bordure: 1px solide noir; } img { largeur:50%; } </style> </head> <body> <h2>Vraie centration avec display: flex</h2> <p>Ici, l'image est centrée à la fois verticalement et horizontalement avec display: flex :</p> <div> <img src="paris.jpg" alt="Paris" style="width:50%"> </div> </body> </html>