Open In App

HTML valign Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML valign attribute is used to specify the vertical alignment of the text in the element. This attribute supports many table-related elements such as <tr>,<td>,<tbody>,<col>, and <tfoot>. 

Note: The valign attribute is not supported by HTML5.

Syntax:

<element valign="top | middle | bottom | baseline">

Attribute value:

Attribute Value Description
top Sets the content to top-align.
middle Sets the content to middle-align.
bottom Sets the content to bottom-align.
baseline Sets the content to baseline-align. The baseline is the line where most of the characters sit in the table data element.

Example: This example illustrates the use of valign attribute in the HTML document.

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML valign Attribute in <td> element
    </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
 
    <h2>HTML valign Attribute in Table Data Element</h2>
 
    <table border="1" width="500">
        <tr>
            <th>NAME</th>
            <th>ID</th>
            <th>AGE</th>
        </tr>
 
        <tr style="height:50px;">
            <td valign="top">BITTU</td>
            <td valign="center">123</td>
            <td valign="bottom">21</td>
        </tr>
 
        <tr style="height:50px;">
            <td valign="bottom">RAKESH</td>
            <td valign="center">124</td>
            <td valign="top">24</td>
        </tr>
    </table>
</body>
 
</html>


Output:

Supported Browsers

  • Google Chrome 1
  • Edge 12
  • Firefox 1
  • Safari 4
  • Opera 1


Last Updated : 30 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads