alignment in cell

<tr align="" valign=""><td align="" valign="">

Internet Explorer Firefox Opera

The align and valign attributes of the TR and TD (TH) elements specifies the alignment of cell content.

<tr align="center" valign="top"> : Applied to all cells in a row.

<td align="center" valign="top"> : Applied to one cell.

Attribute Value Explanation
align=" " horizontal alignment in cell
left aligns to the left
center aligns to the center
right aligns to the right
valign=" " vertical alignment in cell
top aligns to the top
middle aligns to the middle
bottom aligns to the bottom
Tips and Notes

This can be specified with CSS. Please see the "Related Document" for details on CSS.


Horizontal alignment

<table border="1" width="600" height="100">
<td width="25%">Default</td>
<td align="left" width="25%">Left</td>
<td align="center" width="25%">Center</td>
<td align="right" width="25%">Right</td>
Default Left Center Right

Vertical alignment

<table border="1" width="600" height="100">
<td width="25%">Default</td>
<td valign="top" width="25%">Top</td>
<td valign="middle" width="25%">Middle</td>
<td valign="bottom" width="25%">Bottom</td>
Default Top Middle Bottom

Horizontal and Vertical alignment

<table border="1" width="100%" height="100">
<tr align="center">
<td width="25%">Center</td>
<td valign="top" width="25%">Center - Top</td>
<td valign="middle" width="25%">Center - Middle</td>
<td valign="bottom" width="25%">Center - Bottom</td>
Center Center - Top Center - Middle Center - Bottom