The HTML <caption> align Attribute is used to specify the alignment of the <caption> Element. It is used to align the caption to the left, right, top and Bottom of a table.
This attribute is not supported in HTML5.
Note: By default , the table caption is aligned to center.
Syntax:
html
Output :
Supported Browsers: The browsers supported by HTML <caption> align Attribute are listed below:
<caption align="left | right | top | bottom>Attribute Values
- left: It sets the left-align caption of the table.
- right: It sets the right-align caption of the Table
- Top: It sets the top-align caption of the table. It is a default value.
- Bottom: It sets the bottom-align caption of the table.
<!-- HTML code to show the working of caption tag -->
<!DOCTYPE html>
<html>
<head>
<style>
table,
th,
td {
border: 1px solid black;
}
#GFG {
font-size: 25px;
color: green;
}
</style>
</head>
<body>
<h1 style="color:green;font-size:35px;">
GeeksForGeeks
</h1>
<h2>HTML Caption align Attribute</h2>
<table>
<!-- Adding caption to the table -->
<caption id="GFG"
align="top">
Students
</caption>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Priya</td>
<td>Sharma</td>
<td>24</td>
</tr>
<tr>
<td>Arun</td>
<td>Singh</td>
<td>32</td>
</tr>
<tr>
<td>Sam</td>
<td>Watson</td>
<td>41</td>
</tr>
</table>
<br>
<br>
<table>
<!-- Adding caption to the table -->
<caption id="GFG"
align="bottom">
Students
</caption>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Priya</td>
<td>Sharma</td>
<td>24</td>
</tr>
<tr>
<td>Arun</td>
<td>Singh</td>
<td>32</td>
</tr>
<tr>
<td>Sam</td>
<td>Watson</td>
<td>41</td>
</tr>
</table>
</body>
</html>
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
