title: Styling every 3rd item of a list using CSS?
body: <p>Is it possible for me to style every 3rd list item?</p>
  
  <p>Currently in my <code>960px</code> wide div I have list of boxes which are floated left and are displayed in a 3x3 grid view. They also have a margin-right of <code>30px</code>, but because the 3rd 6th and 9th list item has this margin it makes them jump down a row making the grid display wrongly</p>
  
  <p>How easy is to make the 3rd 6th and 9th not have the margin-right without having to give them a different class, or is that the only way to do it?</p>