HTML <caption> with align Attribute
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
| Value | Explanation |
|---|---|
| left | Left align the caption with respect to the table. |
| top | Put the caption at the top of the table. |
| right | Right align the caption with respect to the table. |
| bottom | Put 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.