Attribute for <TR ...>
VALIGN = TOP | MIDDLE | BOTTOM | BASELINE
VALIGN sets the vertical alignment of the row. VALIGN can be set to
TOP ,
MIDDLE ,
BOTTOM , or
BASELINE .
this code |
produces this |
<TR VALIGN=TOP>
|
Fruit | Largest State Producer |
|
<TR VALIGN=MIDDLE>
|
Fruit | Largest State Producer |
|
<TR VALIGN=BOTTOM>
|
Fruit | Largest State Producer |
|
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 |
|
So, for example, the font size is set larger in the second cell in the first row, but the cells align along their baselines:
<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 |
|
|