Aller au contenu

Centrer un élément de type block

Si vous désirez un élément de type bloc au milieu de la page, une méthode très simple est d'utiliser

  • des marges latérales auto
  • une largeur à votre élément bloc

Les marges auto se répartissent également de chaque côté, centrant l'élément dans son conteneur.

Testez ce code :

CSS Le code complet à tester se trouve sur CodePen

Testing :

  • Réduisez la largeur de la fenêtre. Que constatez-vous ?
  • On a utilisé max-width et non width. Pourquoi ?