HTML | <col> valign Attribute

Last Updated : 18 Apr, 2025

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:

html

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

HTML | <thead> align Attribute

manaschhabra2

Improve

Article Tags :

HTML | <col> valign Attribute

Similar Reads

HTML Basic Examples

HTML Structural Examples

HTML Hyperlinks Examples

HTML Table Examples

HTML Form Examples

HTML Frame Examples

HTML Media Based

HTML Questions

Thank You!

What kind of Experience do you want to share?