display: flex dan arah sumbu

Elemen div bersifat block: masing-masing memakai satu baris penuh dan menumpuk ke bawah. Nilai display: flex mengubah elemen menjadi flex container, dan anak-anak langsungnya menjadi flex item yang disusun sepanjang satu sumbu.

• flex-direction: row — sumbu utama mendatar, dari kiri ke kanan (nilai bawaan).
• flex-direction: column — sumbu utama menurun, dari atas ke bawah.
• Sumbu silang selalu tegak lurus terhadap sumbu utama.

.daftar {
  display: flex;
  flex-direction: row;
}

Hanya anak langsung yang menjadi flex item. Isi di dalam anak itu kembali ditata dengan aturannya sendiri.