THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML <colgroup> align Attribute

❮ HTML <colgroup> tag

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

❮ HTML <colgroup> tag