Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Background Picture
Basic Table
Cell Padding
Cell Spacing
Colspan Rowspan
Table Alignment
Table Border
Table Colors
Table Shadow
Width and Height
Table Alignment
496
Align Left
Description
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">
Code
<TABLE width="200" height="100" BORDER="1"> <TR>
<TD ALIGN="left"> Active Jump </TD>
</TR> </TABLE>
Output
Active Jump
Practice
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="left"> Active Jump </TD> </TR> </TABLE>
Align Right
Description
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">
Code
<TABLE width="200" height="100" BORDER="1"> <TR>
<TD ALIGN="right"> Active Jump </TD>
</TR> </TABLE>
Output
Active Jump
Practice
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="right"> Active Jump </TD> </TR> </TABLE>
Align Center
Description
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">
Code
<TABLE width="200" height="100" BORDER="1"> <TR>
<TD ALIGN="center"> Active Jump </TD>
</TR> </TABLE>
Output
Active Jump
Practice
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="center"> Active Jump </TD> </TR> </TABLE>
Align Top
Description
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">
Code
<TABLE width="200" height="100" BORDER="1"> <TR>
<TD VALIGN="top"> Active Jump </TD>
</TR> </TABLE>
Output
Active Jump
Practice
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN="top"> Active Jump </TD> </TR> </TABLE>
Align Bottom
Description
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">
Code
<TABLE width="200" height="100" BORDER="1"> <TR>
<TD VALIGN=" bottom"> Active Jump </TD>
</TR> </TABLE>
Output
Active Jump
Practice
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN=" bottom"> Active Jump </TD> </TR> </TABLE>
Align Middle
Description
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">
Code
<TABLE width="200" height="100" BORDER="1"><TR>
<TD VALIGN="middle"> Active Jump </TD>
</TR> </TABLE>
Output
Active Jump
Practice
<TABLE width="200" height="100" BORDER="1"><TR> <TD VALIGN="middle"> Active Jump </TD> </TR> </TABLE>
Advertisements
