<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>
Supported Browsers: The browsers supported by HTML <thead> valign Attribute are listed below: