Equally aligning a row of images so they are equal distances apart with the first image being flush left and the last image being flush right, is actually a lot harder than you would think! Eventually, I turned to Google and came across the solution at CSS tricks.

I’d actually tried the first two approaches described in the article, but didn’t go down the table road. Instead, I stopped and thought, someone somewhere must have solved this. What did they do?

It works really well, but it is not intuitive at all. By the way, you can use exactly 33.3% (instead of 33%) for your width if you really need to be spot on. It works in IE6 too which is always a bonus.