HTMLでリストを横に並べる

2008.11.01

HTMLで<li>を使ってリストを作ると縦に並びますが、これを横に並べる方法です。

CSS

ul{margin:0px;padding:0px;}
li{display:block;float:left;width:100px;}

HTML

<ul>
  <li>リスト１</li>
  <li>リスト２</li>
  <li>リスト３</li>
  <li>リスト４</li>
</ul>

コメント

タイトルとURLをコピーしました