# Выравнивание флекс элементов по родителю с отступами

Значение `space-around` в свойстве `justify-content` задает первому и последнему флекс элементам отступ от края родителя.

С первого взгляда может показаться, что расстояние между элементами и между крайними элементами и родителем будут равны, однако, это не так - расстояние между элементами будет в `2` раза больше, чем между родителем и крайним элементом.

Посмотрим на примере:

`.parent { display: flex; justify-content: space-around; }`

Результат выполнения кода:

Повторите страницу по данному образцу:

← →
↑