Open In App

HTML | <caption> align Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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:

<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.

Example:




<!-- 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>


Output :

Supported Browsers: The browsers supported by HTML <caption> align Attribute are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera


Last Updated : 22 Feb, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads