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 Colors
Table Alignment
[notify admin to delete page]
496
Align Left
Delete Section
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">
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>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="left"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="left"> Active Jump </TD> </TR> </TABLE>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="left"> Active Jump </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Align Right
Delete Section
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">
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>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="right"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="right"> Active Jump </TD> </TR> </TABLE>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="right"> Active Jump </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Align Center
Delete Section
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">
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>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="center"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="center"> Active Jump </TD> </TR> </TABLE>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD ALIGN="center"> Active Jump </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Align Top
Delete Section
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">
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>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN="top"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN="top"> Active Jump </TD> </TR> </TABLE>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN="top"> Active Jump </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Align Bottom
Delete Section
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">
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>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN=" bottom"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN=" bottom"> Active Jump </TD> </TR> </TABLE>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN=" bottom"> Active Jump </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Align Middle
Delete Section
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">
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>
<TABLE width="200" height="100" BORDER="1"><TR> <TD VALIGN="middle"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN="middle"> Active Jump </TD> </TR> </TABLE>
<TABLE width="200" height="100" BORDER="1"> <TR> <TD VALIGN="middle"> Active Jump </TD> </TR> </TABLE>
Practice
Cannot Edit - Code section automatically placed here.
Click to add Section
Advertisements (
add your ad
)
