<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Cleaner HTML with CSS classes</title>
<style>
.tHeadColumn, .tHeadColLast, .tRowColOne, .tRowColTwo, .tRowColThree, .tRowColFour{
font-size: 10pt; font-family: Verdana;
padding-left:8px; padding-right:8px;
padding-top: 2pt; padding-bottom: 2pt;
border-width: 2px; }
.tHeadColumn, .tHeadColLast { border-bottom-style: solid; text-align: center; }
.tHeadColumn, .tRowColOne, .tRowColTwo, .tRowColThree {
border-right-style: solid; }
.tRowColOne, .tRowColTwo { text-align: left; }
.tRowColThree { text-align: center; }
.tRowColFour { text-align: right; }
.tEvenRow { background-color: #C0C0C0; }
</style>
</head>
<body>
Text before the table
<table cellspacing="0">
<tr>
<th class="tHeadColumn">Header #1</th>
<th class="tHeadColumn">Header #2</th>
<th class="tHeadColumn">Header #3</th>
<th class="tHeadColLast">Header #4</th>
</tr>
<tr>
<td class="tRowColOne">Row #1, Col#1
... ...</td>
<td class="tRowColTwo">Row #1, Col#2</td>
<td class="tRowColThree">Row #1, Col#3</td>
<td class="tRowColFour">Row #1, Col#4</td>
</tr>
<tr class="tEvenRow">
<td class="tRowColOne">Row #2, Col#1</td>
<td class="tRowColTwo">Row #2, Col#2
... ...</td>
<td class="tRowColThree">Row #2, Col#3</td>
<td class="tRowColFour">Row #2, Col#4</td>
</tr>
<tr>
<td class="tRowColOne">Row #3, Col#1</td>
<td class="tRowColTwo">Row #3, Col#2</td>
<td class="tRowColThree">
... Row #3, Col#3 ...</td>
<td class="tRowColFour"> ... ... Row #3, Col#4</td>
</tr>
</table>
Text after the table
</body>
</html>