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:
Note
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
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents +