html table multiple headers
I'm trying to find out if it is possible to have multiple thead's in an html table. Maybe there's an alternative?
HTML
<table border="1">
<caption>CAPTION</caption>
<thead>
<tr>
<th colspan="1">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</th>
</tr>
</thead>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
<th>plus</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
<td>$100</td>
</tr>
</tbody>
</table>
CSS
caption {text-align: center;}
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}