Example
Center-align the content inside the <tfoot> element:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
<tfoot align=”center”>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
Definition and Usage
The align attribute specifies the horizontal alignment of the content inside the <tfoot> 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 <tfoot> is not supported in HTML5. Use CSS instead.
CSS syntax: <tfoot style=”text-align:right”>
In our CSS tutorial you can find more details about the text-align property.
Syntax
<tfoot align=”left|right|center|justify|char”>
Attribute Values
| Value | Description |
|---|---|
| left | Default. Left-aligns content |
| right | Right-aligns content |
| center | Center-aligns content |
| justify | Stretches the lines so that each line has equal width (like in newspapers and magazines) |
| char | Aligns the content to a specific character |
