Open In App

HTML | <col> valign Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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.



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