Autobot

Uma técnica de centralização em que um elemento empurra igualmente de todas as bordas de um contêiner flexível. Melhor para centralização rápida apenas para itens únicos.

Consulte o artigo completo para conhecer muitos outros detalhes sobre essa técnica e quando ela é eficiente.

Artigo completo · Vídeo no YouTube · Fonte no GitHub

HTML

<article class="autobot">
  <h1>Autobot</h1>
</article>

CSS

        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}