How to evenly distribute 4 divs all lined up in a row

HTML & CSS
1

I have 4 divs.
200px wide 100 px tall.
display: inline-block so they’re all on the same line.
Text Align: center

So far so good, now I need to give them margins so they can spread out more.

Site width is 960 and I want the first and last div to be resting up against the first and last pixel of the site. I can’t do this if I give them all a margin-right:25px. I know I could just give the first or last div it’s own ID and remove the margin, but I was wondering if there is another way?

2

got it…used the last-child property. I’ve never had to use it before so it didn’t immediately come to mind. Cool stuff!