<!DOCTYPE html>
<html>

<head>
  <title>CSS Example</title>
  <style>
    body {
        color:#000000;
        background-color:#ffffff;
        font-family:verdana, sans-serif; 
        font-size:12px;}

    table, td {width:500px; border-style:solid; border-width:1}

    td.leftAlign  {text-align:left;}
    td.rightAlign {text-align:right;}
    td.center     {text-align:center;}
    td.justify    {text-align:justify;}
  </style>
</head>

<body>
<h1>text-align Property</h1>
<table>
  <tr><td class="leftAlign"> Here is <b>left</b> aligned text</td></tr>
  <tr><td class="rightAlign">Here is <b>right</b> aligned text</td></tr>
  <tr><td class="center">    Here is <b>centered</b> text</td></tr>
  <tr><td class="justify">   Here is <b>justified</b> text</td></tr>
</table>

</body>
</html>