<!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>