HTML列表元素不会水平列出？

Question

基本上我正在尝试建立一个网络编码教程网站（太棒了，我不能自己做吧）。对于我的生活，我无法弄清楚为什么我的列表项不会水平列出而不是垂直列出。

See the jsFiddle.

Answer 1

这是因为你的width: 100px选择器上设置了#menu，它正在将该框向下运行，只允许每行一个元素。 Just remove it.

Answer 2

此处已修复jsfiddle

#menu {
    width: 600px;                   <-- changed from 100px to 400px
    height: 15px;
    position: relative;
    color: #999999;
    margin: 0px auto;
    float:left;                       <-- new
}

答案已更新。容器元素应足够宽，以便水平容纳所有元素。

Answer 3

将菜单宽度100px更改为100％工作

这里是我的输出：   http://jsfiddle.net/srinivasan/XmhqW/