リストを横並びさせたいときのcss

ul,liに対して
「float:left;」
を指定してあげることで
横並びになる。
「list-style-type: none;」も忘れずに。

--------------

cssを直接書き込む場合はこう↓

<ul style="list-style:none">
  <li style="float:left">＜項目１＞</li>
  <li style="float:left">＜項目２＞</li>
  <li style="float:left">＜項目３＞</li>
</ul>

--------------

こんなことも出来ちゃう。
それぞれの文字を枠で囲んで
さらに隣との間隔を空ける。

float: left;
width: 8em;
margin-right: 5px;
padding: 2px;
border: 1px #ffb366 solid;
background-color: #fffdee;
text-align: center;