You are using a previous version of Active Jump.

Go To Current Version of This Page

Active Jump Logo


Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us


Email Support
Email Contact

Divider

Table Alignment
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
Active Jump


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
Active Jump


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
Active Jump


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
Active Jump


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
Active Jump


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
Active Jump


Test Your HTML
Printer Friendly Version


Jonathan David VerLee
webmaster@activejump.com


White