HTMLでリストを横に並べる

Pocket

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

CSS

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

HTML

<ul>
  <li>リスト1</li>
  <li>リスト2</li>
  <li>リスト3</li>
  <li>リスト4</li>
</ul>

[ 2008年11月1日 | カテゴリー: デジタル | タグ: , ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報