title: Independent margin for list items
body: <p>As you can see in this fiddle: <a href="http://jsfiddle.net/h0qu4ffv/" rel="nofollow">http://jsfiddle.net/h0qu4ffv/</a> I set the <code>margin-top</code> of 1 list item to be <code>50px</code>, but all of them follow this style.</p>
  
  <p>How can I have an independent margin for each list item, or, better yet, what is the correct way in order to have an unordered horizontal list with each item to different distance (from top, e.g.)?</p>