HTML | <tbody> align Attribute

HTML <td> align Attribute

Last Updated : 22 Dec, 2023

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.

HTML | <tbody> align Attribute

jit_t

Improve

Article Tags :

Similar Reads

HTML <tr> align Attribute

TheÂ HTML <tr> align AttributeÂ is used toÂ set the horizontal alignment of text content inside the table row. The HTML <tr> element itself doesn't have an align attribute. For aligning content within a table row, use the CSS text-align property on the individual <td> or <th> el

HTML <th> align Attribute

The HTML <th> align Attribute is used to set the horizontal alignment of text content inside the table header cell. Instead, use CSS for alignment properties such as text-align to specify the horizontal alignment and vertical-align for vertical alignment within table headers. Note: The align a

HTML | <tbody> align Attribute

The HTML <tbody> align Attribute is used to set the horizontal alignment of text content inside the table body (tbody). Syntax: <tbody align="left | right | center | justify | char"> Attribute Value: left: It sets the text left-align. right: It sets the text right-align. center: It sets

HTML | <thead> align Attribute

The HTML <thead> align attribute is used to set the horizontal alignment of text content inside the table head (thead) section. Syntax: <thead align="left|right|center|justify|char"> Note: This attribute has been DEPRECATED and is no longer recommended. Attribute Value: left: It sets the

HTML <p> align Attribute

The HTML <p> tag is used to define paragraphs of text. In earlier versions of HTML, the align attribute was used to control the horizontal alignment of paragraph content. However, the align attribute for the <p> tag is deprecated in HTML5. Today, developers are encouraged to use CSS for

HTML <table> align Attribute

The HTML <table> align Attribute specify the table's alignment but CSS properties like margin and text-align are preferred for table alignment. To align content within table rows or cells, use the align attribute within <tr> and <td> tag or apply CSS styles. Syntax:<table align=

HTML | <tfoot> align Attribute

The HTML <tfoot> align Attribute is used to set the horizontal alignment of text content inside the table footer (tfoot). It is not supported by HTML 5. Syntax: <tfoot align="left | right | center | justify | char"> Attribute Value: left: It sets the table footer text left-align. right:

HTML | <object> align Attribute

The HTML <object> align Attribute is used to specify an alignment for an object Element. It is an inline element means that can not insert a new line on a page. The text and other elements can also wrap around it. Note: This attribute is not supported by HTML5. Syntax: <object align="left |

HTML <input> align Attribute

TheÂ HTML <input> align attributeÂ is used withÂ <input type=â€ imageâ€>Â to set the horizontal alignment of the image. It is not supported by HTML 5. Note:Â SinceÂ <input type=â€ imageâ€>Â is not supported by HTML5 you can use CSS there instead of this attribute. The syntax for CSSÂ <input

HTML <hr>Â alignÂ Attribute

The HTML <hr>Â alignÂ Attribute is used to specify the alignment of the horizontal line. If the width attribute is not set to 100% then the align attribute will not create any effect. Note: The <hr>Â alignÂ Attribute is not supported by HTML5. Syntax:Â <hr align="left | center | right">