Zarovnanie flex elementov podľa rodiča v CSS

Hodnota space-between, nastavená vo vlastnosti justify-content, umožňuje rovnomerne rozložiť elementy podľa rodiča. Pričom vzdialenosť medzi nimi sa vypočíta automaticky. Prvý element bude pritlačený k ľavému okraju a posledný - k pravému okraju.

Pozrime sa na príklad:

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

Výsledok vykonania kódu: