Autobot

Zentrierungsverfahren, bei dem ein Element gleichmäßig von allen Rändern eines flexiblen Containers entfernt wird. Ideal, um einzelne Elemente schnell zu zentrieren.

Im vollständigen Artikel finden Sie viele weitere Details zu dieser Methode und dazu, wann sie effizient ist.

Vollständiger Artikel · Video auf YouTube · Quelle auf GitHub

HTML

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

CSS

        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}