css - 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 中我注意到它会自动将其添加到 CSSdisplay: 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;
}