HTML <caption> with align Attribute

You are Here:

HTML <caption> with align Attribute

The align attribute specifies how the caption must be aligned with respect to the table.

Warning: The <align> tag is deprecated and is no longer recommended.

Tips: To align the caption of an HTML table, try any of the following methods:

  • Using style global attribute: <caption style="caption-side: bottom">.
  • Using CSS caption-side property.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <table> <caption align="bottom">Total Fund List</caption> <tr> <th>Name</th> <th>Funded</th> <th>Total Funds</th> </tr> <tr> <td>Brendan</td> <td>$500</td> <td rowspan="2">$1200</td> </tr> <tr> <td>Eich</td> <td>$700</td> </tr> </table> </body> </html>

Attribute Values

ValueExplanation
leftLeft align the caption with respect to the table.
topPut the caption at the top of the table.
rightRight align the caption with respect to the table.
bottomPut the caption at the bottom of the table.

Reminder

Hi Developers, we almost covered 99.5% of HTML Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in HTML.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Share this Page

Meet the Author