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

Question

基本上我試圖做一個網絡編碼教程網站（真棒，我不能自己做這個權利）。對於我的生活，我無法弄清楚爲什麼我的列表項不會水平而不是垂直列出。

See the jsFiddle.

Answer 1

這裏固定jsfiddle

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

了答案更新。容器元素應該足夠寬以容納所有元素水平。

Answer 2

這是因爲您在#menu選擇器上設置了width: 100px，該選擇器將該框壓縮爲僅允許每行一個元素。 Just remove it.

Answer 3

變化到100％菜單寬度100px的是工作

這裏我的輸出： http://jsfiddle.net/srinivasan/XmhqW/