Usi e comportamenti della proprietà CSS vertical-align

vertical-align è una proprietà CSS utilizzata per allineare elementi di livello inline. Questi sono elementi il cui valore della proprietà display è inline, inline-block o inline-table (quest’ultimo non trattato qui). Gli elementi inline avvolgono essenzialmente il testo, mentre gli elementi inline-block sono elementi di blocco che vivono in linea. Possono avere larghezza e altezza, oltre a padding, border e margin. Gli elementi di livello inline sono disposti uno accanto all’altro in righe. Quando ci sono più elementi di quanti ne possano contenere la riga attuale, si crea una nuova riga sotto di essa. vertical-align agisce all’interno delle line box, che racchiudono tutto il contenuto della riga. Un esempio comune è l’allineamento di un’icona accanto a un testo.