Idocs Guide to HTML

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 demonstration of VALIGN=BOTTOM
VALIGN=BASELINE aligns the cells along the baselines of the text demonstration of VALIGN=BASELINE
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

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.