HTMLでリストを横に並べる

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>

コメント

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