リストを横に並べるリストを横に並べるリストは、通常上から下に向かって配置されます。このリストを横方向に並ばせる方法です。リストを横に並べるにはスタイルシートを使用します。float:leftリストを横並びにするには、float:leftを<li>に適用する事で可能になります。下図の様にFirefox1ではリストのマークを表示しない様に設定を行わない場合にはリストのマークが表示されてしまいますのでリストのマークを表示しない様にlist-style:noneを設定しましょう。float:方向は、指定した方向に寄せて積み上げる(横方向)事が出来ます。ブロック要素を回り込ませるを参考にして下さい。display:inlineもう一つの方法は、各項目を同一のライン(行)の中に入れてしまう事で可能にするdisplay:inlineを<li>に適用する事で可能になります。【注意】このdisplay:inlineを使用する場合には、<li>〜</li>を下記の様に改行してしまうと、各項目の後ろにスペースが入ってしまいます。&lt;ul&gt;&lt;li&gt;<項目1行目>&lt;/li&gt;&lt;li&gt;<項目2行目>&lt;/li&gt;&lt;li&gt;<項目3行目>&lt;/li&gt;&lt;/ul&gt;スペースが入ります!このスペースを入れない様にする為には、<li>を改行せずに記載して下さい。▲スポンサードリンク無料メール情報誌ワンランクUP講座ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。スタイルブック全体レイアウトを実際のサイト事例を使用し、詳細までを解説。スタイルシートの使い方のバリエーションを知る事ができる1冊。Windows版Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。本ページのW3Cでの記述検証結果は下記をクリックすると見れます。