Autobot

Technique de centrage où un élément pousse de manière égale depuis tous les bords d'un conteneur flexible. Idéal pour un centrage rapide d'éléments individuels uniquement.

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="autobot">
  <h1>Autobot</h1>
</article>

CSS


        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}