Autobot

Una técnica de centrado en la que un elemento se envía de manera igualitaria desde todos los bordes de un contenedor flexible. La mejor opción para centrar rápidamente elementos individuales únicamente.

Consulta el artículo completo para conocer más detalles sobre esta técnica y cuándo es eficiente.

Artículo completo · Video en YouTube · Fuente en GitHub

HTML

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

CSS


        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}