Open In App
Related Articles

HTML <td> align Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The HTML <td> align attribute is used to set the horizontal alignment of text content. It uses the align attribute in HTML <td> to horizontally align text content within a table cell and it sets “left,” “center,” or “right” to control horizontal alignment.

Note: The <td> align attribute is not supported by HTML5 instead uses CSS.

Syntax:

<td align ="left | right | center | justify | char ">

Attribute Values:

The <td> align attributes have the following attributes which are as:

Attributes

Description

left

It sets the text left-aligned of a container.

right

It sets the text right-align of the container.

center

It sets the text center-align.

justify

It stretches the text of paragraph to set the width of all lines equal.

char

It sets the text-align to a specific character.

Example:

In this example, we will see the implementation of the <td> align tag with an example.

html

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML td align Attribute
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML td align Attribute</h2>
  
    <table width="500" border="1">
        <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>BRANCH</th>
        </tr>
  
        <tr>
            <td align="center">BITTU</td>
            <td align="left">22</td>
            <td align="right">CSE</td>
        </tr>
  
        <tr>
            <td align="center">RAKESH</td>
            <td align="left">25</td>
            <td align="right">EC</td>
        </tr>
    </table>
</body>
  
</html>

                    

Output:

tdalign

Example:

In this example, we will see the implementation of the <td> align tag with another example.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML td align Attribute
    </title>
    <style>
        h1,
        h2 {
            text-align: center;
            color: green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML td align Attribute</h2>
  
    <table width="500" border="1">
        <tr>
            <th>NAME</th>
            <th>AGE</th>
            <th>BRANCH</th>
        </tr>
  
        <tr>
            <td style="text-align: center;">BITTU</td>
            <td style="text-align: left;">22</td>
            <td style="text-align: right;">CSE</td>
        </tr>
  
        <tr>
            <td style="text-align: left;">RAKESH</td>
            <td style="text-align: center;">25</td>
            <td style="text-align: left;">EC</td>
        </tr>
    </table>
</body>
  
</html>

                    

Output:

Screenshot-2023-12-05-152510

Output

Supported Browsers:

  • Google Chrome 1 and above
  • Microsoft Edge 12 and above
  • Firefox 1 and above
  • Opera 12.1 and above
  • Safari 1 and above

HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.



Last Updated : 22 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads