Skip to content
Related Articles

Related Articles

Improve Article

HTML | <col> valign Attribute

  • Last Updated : 31 Oct, 2019

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.

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.

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up