Zcela obdobně jako horizontální zarovnání můžeme používat
i vertikální. K jeho ovládání je zde atribut valign
. Ten může nabývat čtyř hodnot:
top
(obsah buňky je zarovnán
s horním okrajem buňky), bottom
(obsah buňky je zarovnán se spodním
okrajem buňky), middle
(obsah
buňky je uprostřed buňky) a baseline
(zarovnání na účaří
textu).[7]
Atribut valign
je možno
použít u elementů tr
, td
a th
. Nastavení u tr
je společné pro celou řádku. Způsob zarovnání určený přímo
u td
a th
má větší
váhu než společně určený pro celou řádku. Použití si ukážeme na
vytvoření malého slovníčku pomocí tabulky. Půjde o stejný
slovníček, kterým jsme demonstrovali použití elementu
dl
(definiční seznam) na straně „Seznamy“.
<table> <tr valign="baseline"> <td><strong>HTTP</strong></td> <td>Transportní protokol využívaný k přenosu souborů obsahujících popis WWW-stránek v jazyce HTML.</td> </tr> <tr valign="baseline"> <td><strong>FTP</strong></td> <td>Transportní protokol používaný k přenosu souborů.</td> </tr> <tr valign="baseline"> <td><strong>NNTP</strong></td> <td>Transportní protokol používaný k přenosu news.</td> </tr> </table>
[7] Účaří je pomyslná linka, na kterou se skládají písmena v jedná řádce (typografové mi doufám prominou nepatrné zjednodušení).