Help needed creating grid of images

How would I go about creating a grid of images like the one showing with a title, subtitle and text below each image?

 

A simple table would do the job, I've made you a quick example to show you how it would look.

<table>
	<tr>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
	</tr>
	<tr>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
		<td align="center"><img src="./banner.gif" width="125" height="125"><br>TITLE<br>Sub-Title<br>Text Text Text Text Text Text Text Text Text Text</td>
	</tr>
</table>

Code (markup):

 

Thanks softcloud. That has worked just fine.