how to creat spaces between images?

[Jakinspeil]

I have 4 thumb nail images and I want to align them horizontally with spaces in between them.

right now I just have:

<div class="thumbs">
<img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><img src="4.jpg">
</div>

What is the associated CSS code to do that?

[thetestingsite]

I believe the following should work.



.thumbs img {
padding: 5px;
}


Change the number in red to increase or decrease the space.
Hope this helps.

[Jakinspeil]

padding didn't do anything.. Margin does though.


div.thumbs img {
margin: 15px;
}