Example
Two <colgroup> elements that specify different alignment for the three columns in the table (notice that the first <colgroup> element spans two columns):
<table style="width:100%">
<colgroup span="2" align="left"></colgroup>
<colgroup align="right"></colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Try it Yourself »
Definition and Usage
The align attribute specifies the horizontal alignment of the content in a column group.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| align | Not supported | Not supported | Not supported | Not supported | Not supported |
The align attribute is only supported in Opera 12 and earlier, and IE8 and earlier versions (not supported in IE9).
Compatibility Notes
The align attribute of <colgroup> is not supported in HTML5. Use CSS instead.
CSS syntax: <td style="text-align:right">
CSS Example: Align text in table columns
In our CSS tutorial you can find more details about the text-align property.
Syntax
<colgroup align="left|right|center|justify|char">
Attribute Values
| Value | Description |
|---|---|
| left | Left-align content |
| right | Right-align content |
| center | Center-align content |
| justify | Stretches the lines so that each line has equal width (like in newspapers and magazines) |
| char | Align the content to a specific character |