Definition and Usage
The valign attribute specifies vertical alignment of the content in the table cell.
Syntax
<colgroup valign="align" /> |
Syntax Example
<colgroup valign="middle" /> |
Attribute Values
| Value | Description |
| top | Top aligned text/data. |
| middle | Centered vertically aligned text/data (default). |
| bottom | Bottom aligned text/data. |
| baseline | The first text line of all cells in the row are vertically aligned. This is not supported by most browsers. |
Browser Support
The attribute is only supported by Internet Explorer, Opera, and Safari
Note: None of the browsers support the baseline value of this attribute.
Example
| Source | Output |
<table border="1">
<colgroup valign="top" />
<colgroup valign="bottom" />
<colgroup valign="middle" />
<tr>
<th colspan="3">This table contains
four table data cells</th>
</tr>
<tr>
<td rowspan="2">Harry</td>
<td rowspan="2">Potter</td>
<td>Harry/td>
</tr>
<tr>
<td>Potter</td>
</tr>
</table> |
This table contains
four table data cells |
| Harry | Potter | Harry |
| Potter |
|
