HTML | <thead> valign Attribute

Last Updated : 25 Feb, 2022

The HTML thead valign Attribute is used to specify the vertical alignment of content inside the thead Element.

Syntax:

<thead 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.

Note : The HTML

valign attribute is not supported by HTML 5.

Example:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>HTML <thead> valign Attribute 
  
    </title> 
    <style> 
        h1 { 
            color: green; 
        } 
          
        thead { 
            color: blue; 
        } 
          
        table, 
        tbody, 
        td { 
            border: 1px solid black; 
            border-collapse: collapse; 
        } 
    </style> 
</head> 
  
<body> 
    <center> 
        <h1>GeeksforGeeks</h1> 
        <h2> HTML thead valign Attribute</h2> 
        
        <table> 
            <!-- thead tag starts from here -->
            <thead align="char" 
                   valign="bottom" 
                   char="M"> 
                <tr> 
                    <th>Name</th> 
                    <th>User Id</th> 
                </tr> 
            </thead> 
            <!-- thead tag ends here -->
  
            <tbody> 
                <tr> 
                    <td>Ram</td> 
                    <td>@ram_b</td> 
                </tr> 
                <tr> 
                    <td>Shashank</td> 
                    <td>@shashankla</td> 
                </tr> 
            </tbody> 
        </table> 
        
    </center> 
</body> 
  
</html> 

Output:

Supported Browsers: The browsers supported by HTML <thead> valign Attribute are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

Suggest improvement

HTML | <thead> align Attribute

How to define whether a header cell is a header for a column, row, or group of columns or rows in HTML 5?

Share your thoughts in the comments

HTML Basic Examples

HTML Structural Examples

HTML Hyperlinks Examples

HTML Table Examples

HTML Form Examples

HTML Frame Examples

HTML Media Based

HTML Questions