Questo diagramma mostra come la proprietā 'vertical-align' sulle celle si combini per determinare l'altezza della riga che contiene le celle. Questo diagramma illustra anche il significato di alcuni valori di 'vertical-align' che si applicano alle celle di tabella: baseline, top, bottom, e middle.
Il diagramma mostra una riga di cinque celle di tabella (etichettate) con varie altezze e allineamenti. Alla destra della riga, le etichette indicano la posizione orizzontale della parte superiore, della riga di base, della parte mediana e inferiore della riga (dall'alto in basso).
La prima cella č allineata con la riga di base della riga č si estende appena sotto la parte superiore della riga. La seconda č anch'essa allineata con la riga di base della riga e si estende appena sotto la parte inferiore della riga. La terza č allineata con la parte superiore della riga e si estende appena sopra la parte mediana della riga. La quarta č allineata con la parte inferiore della riga, e si estende appena sopra la parte mediana della riga. La quinta č allineata con la parte mediana della riga e non tocca nč la parte superiore nč quella inferiore della riga. Una linea rossa orizzontale all'interno di ciascun riquadrato di cella mostra come questo si allinei verticalmente nel riquadrato di riga.