Centre de contenu

Une technique de centrage qui ne représente que quelques lignes de code CSS est idéale pour de nombreux éléments, mais a pour effet secondaire de faire en sorte que les enfants correspondent à la largeur de l'élément le plus large.

Consultez l'article complet pour plus de détails sur cette technique et ses cas d'efficacité.

Article complet · Vidéo sur YouTube · Source sur GitHub

HTML

<article class="content-center">
  <h1>Content Center</h1>
</article>

CSS


        .content-center {
  display: grid;
  place-content: center;
  gap: 1ch;
}