Question : div help

I am trying to get a div layout to show 4 images in a row and then 4 in the next row etc etc.

I do not want to use tables because i will be showing/hiding the images so i do not want an empty TD where the image would be for the hidden ones.

For example:

Image1 Image2 Image3 Image4
Image5 Image6 Image7 Image8
Image9 etc. etc.

If i hide lets say image 2 and image 6 then it needs to do this:

Image1 Image3 Image4 Image5
Image7 Image8 Image9 etc.
etc. etc.

I am close by using this:

<div style="float: left; width: 25%;">
<div align="center">
Image1
</div></div>
<div style="float: left; width: 25%;">
<div align="center">
Image2
</div></div>
etc.

but it isn't working correctly.

Thanks in advance.

Answer : div help

This will work then

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:



<div style="width: 200px"> <!--Arbitrary width to test -->
   <div style="display:inline-table; float:left;">image1</div>
   <div style="display:inline-table; float:left;">image2</div>
   <div style="display:inline-table; float:left;">image3</div>
   <div style="display:inline-table; float:left;">image4</div>
   <div style="display:inline-table; float:left;">image5</div>
   <div style="display:inline-table; float:left;">image6</div>
   <div style="display:inline-table; float:left;">image7</div>
   <div style="display:inline-table; float:left;">image8</div>
</div>