title: UL next to each other inside a div
body: <p>Hey there I need to help with <code>li</code>'s. I create this html code:</p>
  
  <pre><code>&lt;div id="menu"&gt;
    &lt;ul&gt;
      &lt;li&gt;Lorem&lt;/li&gt;
      &lt;li&gt;Ipsum&lt;/li&gt;
      &lt;li&gt;Dorem&lt;/li&gt;
      &lt;li&gt;Lerum&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this CSS:</p>
  
  <pre><code>#menu ul {
      display: inline;
      list-style-type:none;
  }
  </code></pre>
  
  <p>I don't know why but it doesn't stacks next to each other. There is no CSS inside a #menu but in Chrome I noticed that it automatically added this to CSS <code>display: block;</code>. May it be a problem?</p>