Example
Left-align the content inside the <thead> element:
<table>
<thead align=”left”>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Definition and Usage
The align attribute specifies the horizontal alignment of the content inside the <thead> element.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| align | Yes | Yes | Yes | Yes | Yes |
Note: IE does not handle the “justify” value properly in tables, IE will center the content instead.
Note: None of the major browsers supports the “char” value.
Compatibility Notes
The align attribute of <thead> is not supported in HTML5. Use CSS instead.
CSS syntax: <thead style=”text-align:left”>
CSS Example: align content inside <thead>
In our CSS tutorial you can find more details about the text-align property.
Syntax
<thead align=”left|right|center|justify|char”>
Attribute Values
| Value | Description |
|---|---|
| left | Left-aligns content |
| right | Right-aligns content |
| center | Center-aligns content (default for table headers) |
| justify | Stretches the lines so that each line has equal width (like in newspapers and magazines) |
| char | Aligns the content to a specific character |
