PayneLess Designs - Table - 3 Rows, 3 Columns

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Table - 3 Rows, 3 Columns</title>
<meta http-equiv="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="created" content="Sun, 20 Sep 2009 05:11:50 GMT">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

h1 { text-align: center; }

table {
border-collapse:collapse;
width: 800px;
height: 600px;
margin: 0 auto;

border: 1px solid #f0f;
}

thead th, tfoot td {
width: 200px;
height: 50px;
border: 1px solid #f0f;
}

td {
width: 200px;
height: 200px;
padding: 5px;
text-align: center;
font-size: 1.25em;
font-weight: bold;
border-right: 1px solid #f0f;
border-bottom: 1px solid #f0f;
}

td.special {
width: 400px;
border-left: 1px solid #f0f;
border-bottom: transparent;
}
</style>
</head><body>
<h1>Table - 3 Rows, 3 Columns</h1>
<table summary="">
<thead>
<tr>
<th>Table Head One</th>
<th>Table Head Two</th>
<th>Table Head Three</th>
</tr>
</thead>

<tfoot>
<tr>
<td colspan="3">Footer</td>
</tr>
</tfoot>

<tbody>
<tr>
<td>Row One, Col One</td>
<td>Row One, Col Two</td>
<td class="special">&nbsp;</td>
</tr>

<tr>
<td>Row Two, Col One</td>
<td>Row Two, Col Two</td>
<td class="special">&nbsp;</td>
</tr>

<tr>
<td>Row Three, Col One</td>
<td>Row Three, Col Two</td>
<td class="special">&nbsp;</td>
</tr>
</tbody>
</table>
</body></html>