ＣＳＳでulとliを指定し横に並べたいです。

ulとliを使っても横に表示できる方法わかる方教えてください。

例
<ul>
<li>あああ</li>
<li>いいい</li>
<li>ううう</li>
<li>えええ</li>
</ul>
普通は
・あああ
・いいい
・ううう
・えええ
となってしまいますがこんな感じで作りたいのですが。

・あああ　　・いいい　　　・ううう　　　・えええ

みたいに横にしたのですがどうやってやればいいかわかりません（泣）
たぶんＣＳＳで指定するのかと思ってますが、違うんでしたらそのやり方を教えてください。

No.2 ベストアンサー 回答者： n4416 回答日時： 2008/08/13 16:38

li {

display:inline;
}

で出来ます。ただ、この方法ではリストマークが表示されなくなりますので、
背景画像で、マークをつけてやるようにすればいいと思います。

No.3 回答者： eg_nn 回答日時： 2008/08/15 16:55

質問に書いてあるとおりに再現するとして、以下のような記述でどうでしょう。

CSS
ul.list{margin:0; padding:0;}
.list li{float:left; margin:0 20px 0 5px;}

HTML
<ul class="list">
<li>あああ</li>
<li>いいい</li>
<li>ううう</li>
</ul>

こちらのサイトの「リストを作る(HTML,CSS一覧)」→「リストを横に並べる」がサンプルと注意事項等が書いてあって参考になるのでは、と思います。
http://www.1uphp.com/

No.1 回答者： font_color 回答日時： 2008/08/10 21:46

CSSで出来ますよ。

li{
display: inline;
}

としてみてください。