Penyelarasan Elemen Flex di Induk dengan Jarak

Nilai space-around dalam properti justify-content mengatur jarak elemen flex pertama dan terakhir dari tepi induk.

Sepintas mungkin terlihat bahwa jarak antar elemen dan antara elemen tepi dengan induk akan sama, namun, kenyataannya tidak demikian - jarak antar elemen akan 2 kali lebih besar daripada jarak antara induk dan elemen tepi.

Mari kita lihat contohnya:

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

Hasil eksekusi kode: