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> .center { afficher: flex; justifier-le-contenu: centre; align-items: center; hauteur: 200px; bordure: 3px solide vert; } </style> </head> <body> <h2>Centrage avec Flexbox</h2> <p>Un conteneur flex avec les propriétés justify-content et align-items toutes deux définies sur center, alignera l'élément (ou les éléments) au centre (sur les deux axes).</p> <div class="center"> <p>Je suis centré verticalement et horizontalement.</p> </div> </body> </html>