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> .container { hauteur: 200px; position: relative; bordure: 3px solide vert; } .container p { marge: 0; position: absolute; haut: 50%; gauche: 50%; transform: translate(-50%, -50%); } </style> </head> <body> <h2>Center avec position et transformation</h2> <p>Ici, nous utilisons position et transform pour centrer verticalement et horizontalement l'élément p à l'intérieur du div :</p> <div class="container"> <p>Je suis centré verticalement et horizontalement.</p> </div> </body> </html>