title: How to remove margin from first li element in a ul set to inline-block when other li's have it set
body: <p>In the code below all the <code>li</code>'s will have a left margin applied including the first one. This will push the first element to the right. I don't want the first element to be pushed, I want it to stay put while the other elements have margin added. How do I do this?</p>
  
  <pre><code>ul li
  {
      position:relative;
      margin-left:10px;
      display:inline-block
  }
  </code></pre>