EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>The caption-side proeprty in CSS</title>
	<style type="text/css">
		.top caption {
		  caption-side: top;
		}
		
		.bottom caption {
		  caption-side: bottom;
		}
		
		table {
		  border: 2px solid red;
		}
		
		td {
		  border: 2px solid blue;
		}
	</style>
</head>

<body>
	<table class="top">
		<caption>Caption ABOVE the table</caption>
		<tr>
			<td>Some data</td>
			<td>Some more data</td>
		</tr>
	</table>
	<br>
	<table class="bottom">
		<caption>Caption BELOW the table</caption>
		<tr>
			<td>Some data</td>
			<td>Some more data</td>
		</tr>
	</table>
</body>

</html>