I'm not sure if this is 100% correct but I've taken images and put them in a <p> tag, floated them all left (3 images). Add a right margin bottom margin to each photo with css and they space out nicely.
When you are ready to start a new line of photos, add another <p> tag.
I add margin-bottom to my <p> tags so that I have a bit more room between lines of photos.

Code: Select all

 <p align="center"><img src="fs_teaser1.jpg" alt="Fairy Stone Necklace Collection" border="0" class="imageleft" />
<img src="pendant_teaser1.jpg" alt="pendant necklace collection" border="0" class="imageleft" />
<img src="bgj_teaser1.jpg" alt="Beaded Gemstone Jewelry Collection" border="0" class="imageleft" /></p>

My css for each image looks like this:

Code: Select all

.imageleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	}