Skip to content
Related Articles

Related Articles

HTML | <td> valign Attribute
  • Difficulty Level : Basic
  • Last Updated : 29 May, 2019

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

Syntax:

<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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :