html - HTMLリスト要素は水平方向にリストされませんか？

Question

基本的に、私はWebコーディングチュートリアルサイトを作成しようとしています（自分で正しく作成できないのは素晴らしいことです）。私の人生では、リストアイテムが垂直方向ではなく水平方向にリストされない理由を理解できません。

jsFiddleを参照してください。

Answer 1

これはwidth: 100px、セレクターにセットがあり#menu、そのボックスを押しつぶして、1 行に 1 つの要素のみを許可するためです。取り除くだけです。

Answer 2

メニューの幅 100px を 100% に変更します。

ここに私の出力： http://jsfiddle.net/srinivasan/XmhqW/

Answer 3

ここで修正jsfiddle

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

回答が更新されました。コンテナー要素は、すべての要素を水平方向に収容できる十分な幅が必要です。