Title: Table Alignment
URL: http://www.activejump.com/j-9.shtml
Email: webmaster@activejump.com
Introduction
There are two main ways you can align text in a cell, horizontally and vertically. There are 3 ways of aligning
it for both of these. Horizontally, you can align it left, right, and center. Vertically, you can align it top, bottom, and middle.
Align Left
To align the text or objects in a cell to the left side of the cell, the line ALIGN="left" needs to be added to the <TD>
tag, so the final result looks like this:
<TD ALIGN="left">
|
index.html - Notepad |
....<BODY>
<TABLE BORDER="1"> <TR>
<TD ALIGN="left"> Active Jump </TD>
</TR> </TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Align Right
To align the text or objects in a cell to the right side of the cell, the line ALIGN="right" needs to be added to the <TD>
tag, so the final result looks like this:
<TD ALIGN="right">
|
index.html - Notepad |
....<BODY>
<TABLE BORDER="1"> <TR>
<TD ALIGN="right"> Active Jump </TD>
</TR> </TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Align Center
To align the text or objects in a cell to the center of the cell, the line ALIGN="center" needs to be added to the <TD>
tag, so the final result looks like this:
<TD ALIGN="center">
|
index.html - Notepad |
....<BODY>
<TABLE BORDER="1"> <TR>
<TD ALIGN="center"> Active Jump </TD>
</TR> </TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Align Top
To align the text or objects in a cell to the top of the cell, the line VALIGN="top" needs to be added to the <TD>
tag, so the final result looks like this:
<TD VALIGN="top">
|
index.html - Notepad |
....<BODY>
<TABLE BORDER="1"> <TR>
<TD VALIGN="top"> Active Jump </TD>
</TR> </TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Align Bottom
To align the text or objects in a cell to the bottom of the cell, the line VALIGN="bottom" needs to be added to the <TD>
tag, so the final result looks like this:
<TD VALIGN="bottom">
|
index.html - Notepad |
....<BODY>
<TABLE BORDER="1"> <TR>
<TD VALIGN="bottom"> Active Jump </TD>
</TR> </TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Align Middle
To align the text or objects in a cell to the middle of the cell, the line VALIGN="middle" needs to be added to the <TD>
tag, so the final result looks like this:
<TD VALIGN="middle">
|
index.html - Notepad |
....<BODY>
<TABLE BORDER="1"> <TR>
<TD VALIGN="middle"> Active Jump </TD>
</TR> </TABLE>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
|