pagerunners.com table alignment

To place text or graphics where you want in a table cell (td), find the look you like and use the align and valign values. Align is for horizontal placement and valign is for the vertical. Just place your mouse pointer on a colored round representation and read up and across for the proper tags.

align	valign="middle"	valign="top"	valign="bottom"
align="left" ---- ---- ----
align="center" ---- ---- ----
align="right" ---- ---- ----

Source code:

<table border="1" width="430">
<tr>
 <td>align</td>
 <td>valign="middle"</td>
 <td>valign="top"</td>
 <td>valign="bottom"</td>
 </tr>
 <tr>
 <td>align="left" ---- ---- ---- </td>
 <td align="left" valign="middle"><img src="cball1.jpg"></td>
 <td align="left" valign="top"> <img src="cball2.jpg"></td>
 <td align="left" valign="bottom"><img src="cball3.jpg"></td>

</tr>
<tr>
 <td>align="center" ---- ---- ---- </td>
 <td align="center" valign="middle"><img src="cball4.jpg"></td>
 <td align="center" valign="top"> <img src="cball3.jpg"></td>
 <td align="center" valign="bottom"><img src="cball1.jpg"></td>

</tr>
<tr>
 <td>align="right" ---- ---- ---- </td>
 <td align="right" valign="middle"><img src="cball2.jpg"></td>
 <td align="right" valign="top"> <img src="cball3.jpg"></td>
 <td align="right" valign="bottom"><img src="cball4.jpg"></td>
</tr>
</table>

HTML Tips n' Tricks