<TR ...><TR ...>VALIGN =TOP |MIDDLE |BOTTOM |BASELINE
VALIGNVALIGNTOP,
MIDDLE,
BOTTOM, or
BASELINE.
| this code | produces this | ||
<TR VALIGN=TOP> |
|
||
<TR VALIGN=MIDDLE> |
|
||
<TR VALIGN=BOTTOM> |
|
BASELINE requires a few extra words of explanation.
The baseline is the imaginary line on which rest all the letters in a line of text. BASELINE sets the row so that all the cells share the same baseline. Most of the time this has the same effect as BOTTOM, but if the fonts are different sizes then BASELINE is looks better.
VALIGN=BOTTOM aligns the cells along the bottom of the text |
![]() |
VALIGN=BASELINE aligns the cells along the baselines of the text |
![]() |
<TR VALIGN=BASELINE> <TH>fruit</TH> <TH STYLE="font-size:300%">jury</TH> </TR>
which gives us this table
| fruit | jury |
|---|---|
| watermelon | Georgia |
| apples | Washington |