Zarovnání flex elementů podle rodiče v CSS

Hodnota space-between nastavená ve vlastnosti justify-content umožňuje rovnoměrně rozdělit elementy podle rodiče. Přitom se vzdálenost mezi nimi automaticky vypočítá. První prvek bude přitlačen k levému okraji a poslední - k pravému okraji.

Podívejme se na příklad:

css.parent {
  display: flex;
  justify-content: space-between;
}

Výsledek provedení kódu: