Thread: Spacing three images with CSS?

I have three images that I would like to space evenly across a div so that the middle image is centered within the div and the left and right images are all the way over to their sides with a 0 margin.

I have a feeling this is a simple thing to do, but the best I could do was center all three images within the div. I just want them to spread out more.

Any suggestions?

give each image its own CSS class and use float left and float right

Are you working with a fluid or a fixed design?

In a fixed design it's not that hard. You have a total width of the web page and a total width of the three images. The rest you can fill up with margins and padding and borders. With a fluid design that might be different. You have to work with percentages and ems. There is a good book to learn this: it's called "CSS Mastery"

float property would be the answer..

HTML Code:

<img src="image1.png" style="float:left" />
<img src="image2.png" style="float:left" />
<img src="image3.png" style="float:left" />