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>