top left
The HTML Source Logo


 html
Top Right
    
 Getting StartedHow Do I...TroubleShootingPromotionContact Us
 html
HTML
SEARCH THE SITE
advanced search



CATEGORIES
Home
Getting Started
HTML Cheat Sheet
Webmaster Tools
HTML Help Forum
Color Codes
Link to us









































bottom
HTML HTML HTML HTML
How do I align data vertically?


How to do it

In the <TR> tag of the row containing the data that you want aligned vertically, place a VALIGN="?".

Next replace the ? with the way you want the data to be aligned. You can use top, middle, or bottom.

If you want, you can align the data in a single cell, to do this, instead of placing the VALIGN="?" tag in the <TR> tag, place it in the <TD> or <TH> tag of the cell you want to align.

EXAMPLE

<TABLE>
<TR VALIGN="top">
<TD>Eagles</TD>
<TD>5</TD>
<TD>5</TD>
<TD>0</TD>
</TR>
<TABLE>

Looks like this:
Cell 1 Cell 2 Cell 3 Cell 4




<TABLE>
<TR VALIGN="middle">
<TD>Eagles</TD>
<TD>5</TD>
<TD>5</TD>
<TD>0</TD>
</TR>
<TABLE>

Looks like this:
Cell 1 Cell 2 Cell 3 Cell 4




<TABLE>
<TR VALIGN="bottom">
<TD>Eagles</TD>
<TD>5</TD>
<TD>5</TD>
<TD>0</TD>
</TR>
<TABLE>

Looks like this:
Cell 1 Cell 2 Cell 3 Cell 4




<TABLE>
<TR>
<TD VALIGN="top">Eagles</TD>
<TD VALIGN="middle">5</TD>
<TD VALIGN="bottom">5</TD>
<TD VALIGN="middle">0</TD>
</TR>
<TABLE>

Looks like this:
Cell 1 Cell 2 Cell 3 Cell 4




< BACK







Company   |   Careers   |   Partners   |   Advertising   |   Help
Privacy Policy   |   Trademark Notices   |   User Agreement
© 2001 TheHTMlSource.com, INC. All Rights Reserved.



Site hosted by Angelfire.com: Build your free website today!