horizontal alignment

The text-align property allows you to set the horizontal alignment for the content relative to the element box. This property can also be attached to the <col> or <table> element. The 'text-align' property is inherited by all the child elements when applied to the parent element.

The possible values are

PropertiesDescription
center | justify | left | right
<string>(only for table cells; eg text-align: ".")


Note:
Notes
The default value is left.
The <col> setting has a greater priority that the <tr> setting.


snippet
<html>
<head>
<style>
span {border:1px solid red;}
</style>
</head>
<body>
<table>
<tr>
<td style="text-align:center">center align text</td>
<td style="text-align:justify">justify align text</td>
</tr>
<tr>
<td style="text-align:left">left align text</td>
<td style="text-align:right">right align text</td>
</tr>
</table>
</body>
</html>
Related Tutorial