CSS caption-side

The CSS caption-side property is used to specify where a caption will be positioned with regards to the table (i.e. above or below the table).

Syntax:	caption-side: <value>
Possible Values:	top bottom inherit
Initial Value:	Top
Applies to:	Tables with a caption
Inherited:	Yes
Media:	Visual
Example:	caption { caption-side: bottom; width: auto; text-align: left; }
Try it yourself!	<style type="text/css"> caption { caption-side: bottom; width: auto; text-align: left; } </style> <table border="1"> <caption>This is the caption</caption> <tr> <td>Try changing the values to see the effect it has on the position of the caption.</td> </tr> <tr> <td><b>Note:</b> If this is not working, your browser might not support the caption-side property. At the time of writing, browser support for the caption-side property was limited.</td> </tr> </table>