在div里面的UL彼此相邻

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;
}

Answer 2

尝试

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