How do I make my pictures go in rows of 4 as I am showing it using CSS and HTML?

Question

<div class="img">   
<a target="_blank" href="slideshow/slideshow2.jpg"><img src="slideshow/slideshow2.jpg" alt="Klematis" width="110" height="90"></a>
</div>

<div class="img">
 <a target="_blank" href="slideshow/slideshow3.jpg"><img src="slideshow/slideshow3.jpg" alt="Klematis" width="110" height="90"></a>

That is my code that I am using. www.goparkfast.com in the pictures section if you want to see how it is set up on my site.

Answer 1

Set containing divs to float: left and width: 25%.

Answer 2

Try putting the images in divisions and then put a certain size of the division like 25% and lastly mark it to float:left