Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | <td> valign Attribute

  • Difficulty Level : Basic
  • Last Updated : 29 Jul, 2021

The HTML <td> valign Attribute is used to specify the vertical alignment of text content in a cell.

Syntax:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

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

Attribute Value:

  • top: It sets the content to top-align.
  • middle: It sets the content to middle-align.
  • bottom: It sets the content to bottom-align.
  • baseline: It sets the content to baseline. The baseline is the line where most of the characters sit.

Note: The <td> valign Attribute is not supported by HTML 5.



Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML td valign Attribute
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML td valign Attribute</h2>
  
    <table border="1" width="500">
        <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>BRANCH</th>
        </tr>
  
        <tr style="height:50px;">
            <td valign="top">BITTU</td>
            <td valign="center">22</td>
            <td valign="bottom">CSE</td>
        </tr>
  
        <tr style="height:50px;">
            <td valign="bottom">RAKESH</td>
            <td valign="center">25</td>
            <td valign="top">EC</td>
        </tr>
    </table>
</body>
  
</html>

Output:

Supported Browsers: The browser supported by HTML <td> valign Attribute are listed below:

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

HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.




My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!