Latest web development tutorials
 

HTML <caption> align Attribute

< HTML <caption> tag

Example

A table with a bottom-aligned <caption> element:

<table>
  <caption align="bottom">My 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 align attribute defines the alignment of a caption element.

This attribute should align the caption as a block element to the left, right, above, or below a table.


Browser Support

Attribute
align Yes Yes Yes Yes Yes

Note:

  • Internet Explorer 8 supports the "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

Compatibility Notes

The <caption> align attribute is not supported in HTML5. Use CSS instead.

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

CSS Example: Position a table caption

In our CSS tutorial you can find more details about the caption-side property and the text-align property.


Syntax

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

Attribute Values

Value Description
left The caption is at the left of the table
right The caption is at the right of the table
top The caption is at the top of the table (this is default)
bottom The caption is at the bottom of the table

< HTML <caption> tag