Autobot

Technika środkowania, w której element wysuwa się równo ze wszystkich krawędzi kontenera elastycznego. Najlepiej sprawdza się w przypadku szybkiego wyśrodkowania tylko pojedynczych elementów.

W pełnym artykule znajdziesz więcej informacji o tej metodzie oraz o tym, kiedy jest ona skuteczna.

Pełny artykuł · Film w YouTube · Źródło: GitHub

HTML

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

CSS


        .autobot {
  display: flex;
}

.autobot > * {
  margin: auto;
}