Open In App

HTML | <tr> valign Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML <tr> valign Attribute is used to specify the vertical alignment of text content in a table row. It is not supported by HTML 5.

Syntax:

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

Attribute Values:

  • 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. It has a default value.

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML tr valign Attribute
  </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML tr valign Attribute</h2>
  
    <table style="height:200px" border="1">
        <tr valign="top">
            <th>Name</th>
            <th>Expenses</th>
        </tr>
  
        <tr valign="bottom">
            <td>BITTU</td>
            <td>2500.00</td>
        </tr>
  
        <tr valign="middle">
            <td>RAKESH</td>
            <td>1400.00</td>
        </tr>
    </table>
</body>
  
</html>


Output:

Supported Browsers: The browser supported by HTML <tr> valign attribute are listed below:

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


Last Updated : 25 Feb, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads