 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
|
 |
|
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 |
|
|
Test Your HTML
|
|
