/* CSS*/
.layoutQ18 table{
background-color:#FFF;
}
.layoutQ18 td {
margin:20px 30px 30px;
font-size:0.7em;
text-align:center;
border:1px solid #666;
}
.layoutQ18 td img{
height:150px;
width:150px;
padding:3px;
margin-bottom:5px;
}
.layoutQ18 td p{
margin-bottom:5px;
}
<!--html-->
<div class="layoutQ18">
<table cellspacing="20">
<td><img src="img/03.jpg"><p>画像のキャンプション</p></td>
<td><img src="img/04.jpg"><p>画像のキャンプション</p></td>
<td><img src="img/05.jpg"><p>画像のキャンプション</p></td>
<tr>
<td><img src="img/05.jpg"><p>画像のキャンプション</p></td>
<td><img src="img/04.jpg"><p>画像のキャンプション</p></td>
<td><img src="img/03.jpg"><p>画像のキャンプション</p></td>
<tr>
<td><img src="img/03.jpg"><p>画像のキャンプション</p></td>
<td><img src="img/04.jpg"><p>画像のキャンプション</p></td>
</table>
</div>