title: Horizontal UL list is not showing LI items in same line
body: <p>I've been trying to get UL to show LI items horizontally by doing "float:left".</p>
  
  <pre><code>float:left;
  display:inline; 
  </code></pre>
  
  <p>Here is example - <a href="http://jsfiddle.net/Ku9Bm/1/" rel="nofollow">http://jsfiddle.net/Ku9Bm/1/</a></p>
  
  <p>As you can see it shows LI items line up horizontally perfectly. </p>
  
  <p>But if I add more text to one of the LI item UL list shows LI items vertically.</p>
  
  <p>Here is example of that - <a href="http://jsfiddle.net/3DGfL/2/" rel="nofollow">http://jsfiddle.net/3DGfL/2/</a></p>
  
  <p>How can I show LI items in same line even if one LI item has more content?</p>