The HTML <col> valign attribute is used to specify the vertical alignment of the text content in a column element.
Syntax:
<col 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 col valign Attribute
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML col valign Attribute</h2>
<table border="1">
<caption>Author Details</caption>
<col width="150" align="char"
char="." valign="top">
<col width="80" align="char"
char="." valign="top">
<col width="120" align="char"
char="." valign="top">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU</td>
<td>22</td>
<td>CSE</td>
</tr>
<tr>
<td>RAM</td>
<td>21</td>
<td>ECE</td>
</tr>
</table>
</body>
</html>
|
Output:
Supported Browsers: This attribute is supported by only Internet Explorer and Opera 12 and earlier versions.
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
25 Feb, 2022
Like Article
Save Article