Подравняване на флекс елементи спрямо родителя в CSS

Стойността space-between, зададена в свойството justify-content, позволява елементите да се разпределят равномерно спрямо родителя. При това разстоянието между тях се изчислява автоматично. Първият елемент ще бъде притиснат към левия край, а последният - към десния.

Нека разгледаме пример:

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

Резултат от изпълнението на кода: