UL 在 div 中彼此相邻

Question

嘿，我需要帮助li的。我创建了这个 html 代码：

<div id="menu">
  <ul>
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dorem</li>
    <li>Lerum</li>
  </ul>
</div>

这个CSS：

#menu ul {
    display: inline;
    list-style-type:none;
}

我不知道为什么，但它不会彼此堆叠。#menu 中没有 CSS，但在 Chrome 中，我注意到它会自动将其添加到 CSS 中display: block;。可能有问题吗？

Answer 1

你必须把每个内联 li：

JSFiddle：http : //jsfiddle.net/LrSyS/

<div id="menu">
  <ul>
    <li>Lorem</li>
    <li>Ipsum</li>
    <li>Dorem</li>
    <li>Lerum</li>
  </ul>
</div>

#menu li {
   display: inline;
}