Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like 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:

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

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :