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:
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:
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:
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.
Share your thoughts in the comments
Please Login to comment...