Flexbox adalah modul layout satu dimensi yang membantu kita menyusun elemen dalam kotak (container) secara efisien bahkan ketika ukurannya tidak diketahui.

Coding Snippet:

.container { 
  display: flex;
  justify-content: space-between;
  align-items: center;
}

Dengan properti justify-content, kamu bisa mengatur jarak horizontal, sedangkan align-items mengatur posisi vertikal. Ini adalah cara paling elegan dibanding menggunakan teknik lama seperti float.