I have a div that is 320px wide. I'm floating list items to the left, each with a width of 100px. I then want to have a right margin of 10px to the right of each list item. All other margins and padding has been removed.

So, I basically want 3 list items per row before it goes onto the next line. But because there is a margin-right on the 3rd item (ie all items) it goes onto the next line (so only 2 items per line).

Is there a way to have 3 items per row in this instance, without creating extra classes or using scripts.