HTML Table

HTML

<table>
	<caption>Table's Title</caption>

	<thead>
		<tr>
			<th>Items</th>
			<th>Melbourne</th>
			<th>Syndey</th>
		</tr>
	</thead>
	
	<tbody>
		<tr>
			<td>Food</td>
			<td>$3,000</td>
			<td>$5,000</td>
		</tr>
		<tr>
			<td>Clothes</td>
			<td>$18,000</td>
			<td>$17,000</td>
		</tr>
		<tr>
			<!-- ...more results -->
		</tr>
	</tbody>
	
	<tfoot>
		<tr>
			<td>Totals</td>
			<td>$21,000</td>
			<td>$22,000</td>
		</tr>
	</tfoot>
</table>

CSS

/* Demo garnish, ignore */
caption{
	font-weight: bold;
	margin-bottom: .25em;
}

table, td, th{
	border: 1px solid #888;
	border-collapse: collapse;
	padding: .25em .5em;
}

thead, tfoot{
	padding: .5em 0;
	margin-bottom: .5em;
	background-color: #eee;
	border: 1px solid #aaa;
}