I would like to be able to line up 4 images in a row along with their corresponding h

Hi all,



I would like to be able to line up 4 images in a row along with their corresponding h2 tags. This is what I have, which lines up the images but not quite.



<div id="??">



<h2>??</h2>

<a href="??.html"><img src="??" /></a>



<h2>??</h2>

<a href="??.html"><img src="??" /></a>



<h2>??</h2>

<a href="??.html"><img src="??" /></a>



<h2>??</h2>

<a href="??.html"><img src="??" /></a>



</div><!--END of ??-->



The CSS - the borders and the backgrounds are just so I can see whats going on. The images are 200 x 150.



#??{

width:860px;

margin:0 auto;

padding:0;

background-color:#669933;

overflow:hidden;}



#?? a img{

float:left;

border:2px solid red;

padding:0 10px 0 0;

margin:0;}



#?? h2 {

font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;

padding:0;

margin:0;}



This is the layout I am getting

[IMG][/IMG]



I would really appreciate any help with this. Thanks

Try making a Table with Rows: 1 and Column 4 and then insert each image in each box.