Learn HTML Code Tutorial Reference Guide

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




 

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   Privacy Policy   |   About
Copyright ©1997-2002 Idocs and ©2002-2014 HTML Code Tutorial