Wyrównywanie elementów flex wzdłuż rodzica w CSS

Wartość space-between, ustawiona we właściwości justify-content, pozwala równomiernie rozłożyć elementy wzdłuż rodzica. Przy czym odległość między nimi jest obliczana automatycznie. Pierwszy element będzie dociśnięty do lewej krawędzi, a ostatni - do prawej.

Spójrzmy na przykład:

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

Wynik wykonania kodu: