HTML Reference Manual

HTML Tag Reference

HTML caption align 属性

HTML caption align attribute

The align attribute defines the alignment of the caption element. This attribute should align the title as a block element to the left, right, top, or bottom of the table.

Online Example

A table with a <caption> element aligned to the left, right, bottom, and top:

Example
<!DOCTYPE html>
<html>
<head>-8<meta charset="utf
">-<title>HTML <caption> align Attribute</title>3codebox.com)</title>/title>
<style>
table, th, td {
　　border:　1px solid black;
}
</style>
</head>
<body>
<p>align="left":</p>
<table>
　　<caption align="left">My savings</caption>
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
<p>align="right":</p>
<table>
　　<caption align="right">My savings</caption>
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
<p>align="top":</p>
<table>
　　<caption align="top">My savings</caption>
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
<p>align="bottom":</p>
<table>
　　<caption align="bottom">My savings</caption>
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
</body>
</html>

Test it out ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support the align attribute.

Note:

Internet Explorer 8 Supports "left", "right", "top", and "bottom" Values.
Internet Explorer 9+ Supports the "top" and "bottom" values.
Firefox supports the "left", "right", "top", and "bottom" values.
Opera supports the "left", "right", "top", and "bottom" values.
Chrome supports the "top" and "bottom" values.
Safari supports the "top" and "bottom" values.

Definition and Usage

HTML5 The <caption> align attribute is deprecated. Please use CSS instead.

The align attribute of <caption> in HTML 4.01 is deprecated.

The align attribute specifies the alignment of the caption element.

This attribute aligns the caption as a block element to the left, right, top, or bottom of the table.

Compatibility Notes

THTML5 The <caption> align attribute is deprecated. Please use CSS instead.

CSS Syntax: <caption style="caption-side:bottom"> or <caption style="text-align:left">

CSS Example: Positioning Table Titles

In our CSS tutorial, you can find more aboutcaption-side Details of the attribute.

Syntax

<caption align="left|right|top|bottom">

Attribute Value

Value	Description
left	The title is to the left of the table.
right	The title is to the right of the table.
top	The title is above the table.
bottom	The title is below the table.

HTML <caption> tag

HTML: <template> tag