Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Align Pictures
Align Tables
Align Text
Align Tables
[notify admin to delete page]
263
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 BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="left"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="left"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="left"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <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 BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="right"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="right"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="right"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <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 BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="center"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="center"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD ALIGN="center"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <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 BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="top"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="top"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="top"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <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 BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="bottom"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="bottom"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="bottom"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <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 BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="middle"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="middle"> Active Jump </TD> </TR> </TABLE>
Output
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <TR> <TD VALIGN="middle"> Active Jump </TD> </TR> </TABLE>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100"> <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
)
