HTML colgroup valign Attribute
 HTML <colgroup> tag
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">Peter</td>
<td rowspan="2">Glenn</td>
<td>Cleveland</td>
</tr>
<tr>
<td>Brown</td>
</tr>
</table>
|
| This table contains four table data cells |
| Peter |
Glenn |
Cleveland |
| Brown |
|
Try-It-Yourself Demos
colgroup
valign attribute example
Set the vertical alignment of a column group.
HTML <colgroup> tag
|
