CSS

Flexbox: basi pratiche (display:flex)

Allineare elementi in riga/colonna: justify-content, align-items e gap.

Livello: base • Aggiornato: 10/01/2026

Il contenitore flex

Applica display:flex al genitore e poi gestisci spazi e allineamenti.

.row{
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:center;
}

Quando lo spazio è poco, flex-wrap permette il “a capo”.

.row{ display:flex; flex-wrap:wrap; gap:12px; }