ホーム > デジタル > HTMLでリストを横に並べる

HTMLでリストを横に並べる

2008 年 11 月 1 日 コメントをどうぞ コメント
このエントリーをはてなブックマークに追加
Bookmark this on Yahoo Bookmark

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>
カテゴリー: デジタル タグ: ,
  1. コメントはまだありません。
  1. トラックバックはまだありません。