Smart ways to make money online.
Smart ways to make money online - HTML Tutorial - Vertically Aligning the Content Inside the Table Cells.
So far we've kept the table cell alignment at the default, which is the middle. Notice in the above table that the A, B, and C are all three aligned in the middle of their cells. Well you can change their alignment to either top, bottom, or middle by using the valign (which stands for vertical align) tag:
<table height="250" width="300" border="2">
<tr><td valign="top" width="210">A</td> <td width="45">B</td> <td width="45">C</td> </tr>
<tr><td valign="top" width="210">A</td> <td width="45">B</td> <td width="45">C</td> </tr>
</table>
| A | B | C |
| A | B | C |
I've set the table height to "250" so the alignment would be more noticeable. Notice that the A in both rows are aligned to the top. You can also align to the "bottom" or the "middle".
Lesson # 20 : HTML Tutorial - Creating a Left Navigation Layout With Tables