Display & Flexbox

Display

• block — memakan 1 baris penuh (mis. div, p).
• inline — selebar isinya (mis. span, a).
• inline-block — sebaris tapi bisa diberi ukuran.
• none — menyembunyikan elemen.

Flexbox

Flexbox memudahkan menata elemen berdampingan.

.wadah {
  display: flex;
  gap: 10px;                 /* jarak antar item */
  justify-content: center;   /* rata horizontal */
  align-items: center;       /* rata vertikal */
}

---