Latest web development tutorials
 

HTML <caption> Tag


Example

A table with a caption:

<table>
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
Try it Yourself »

Definition and Usage

The <caption> tag defines a table caption.

The <caption> tag must be inserted immediately after the <table> tag.

Note: You can specify only one caption per table.

Tip: By default, a table caption will be center-aligned above a table. However, the CSS properties text-align and caption-side can be used to align and place the caption.


Browser Support

Element
<caption> Yes Yes Yes Yes Yes

Differences Between HTML 4.01 and HTML5

The align attribute is removed from HTML5.


Attributes

Attribute Value Description
align left
right
top
bottom
Not supported in HTML5.
Defines the alignment of the caption

Global Attributes

The <caption> tag also supports the Global Attributes in HTML.


Event Attributes

The <caption> tag also supports the Event Attributes in HTML.


Related Pages

HTML DOM reference: Caption Object


Default CSS Settings

Most browsers will display the <caption> element with the following default values:

Example

caption {
    display: table-caption;
    text-align: center;
}
Try it Yourself »