title: Horizontal lists in CSS
body: <p>What's the best practice for doing a horizontal list in css? Now I know this is a very basic question but the effect I'm looking for is in a website like this: <a href="http://www.frontend2011.com/">http://www.frontend2011.com/</a>. </p>
  
  <p>If you scroll down to the video portion with the 4 column lists, you'll see a good use of it. But if I give something like <code>float: left</code> and <code>margin-left: #px;</code> in the CSS, my last list item always falls to the next row before not even getting close to the edge of the div box model. </p>
  
  <p>I've heard it's because of the box model and the border/padding/margin but what's the best way to get past this? I would like the lists to touch the right and left sides of the div but this seems impossible for me.</p>