<LI>タグで横に表示したい

質問

今、ホームページを作っているのですが
LIタグを用いて、どうしても横に表示したい部分があるのです。
普通なら
<UL>
<LI>あ
<LI>い
<LI>う
</UL>
で
・あ
・い
・う
と表示されるのを
　あ　い　う

・・・のように・・・

http://kabocha.org/wangando/index.html
このサイトのスタイル選択で、「斜めの見出し」を選択すると
そのようになるのですが
これと全く同じことをしたいのです。

教えてください！
ここまでこだわってる理由は、上記のサイトでも使われている
いちゆうさんの、スタイルシート切り替えスクリプトを使いたいからです。
http://critical.s6.xrea.com/web/cssselect.shtml

回答No.1

mousengoke · ベストアンサー

スタイルシートで

li{
display:inline;
}

と指定してみてください。

お礼

できました！といっても、まだ目的が達成してませんでした。汗
目的達成するのに、下記のことをしました。

<div class="id1"><li class="id2">list</li</div>
#HTML規約違反だが、IEを通すため。汗
----
IEのcss
div.id1 {
display:inline;
position: relative;
left: -15px;
width: 120px;
text-align: left;
}
li.id2 {
list-style-image:url(画像);
}
----
ネスケ等のCSS
div.id1 {
display: inline;
background-image:url(画像);
background-repeat:no-repeat;
position: relative;
top: 0;
left: 100px;
width: 140px;
text-align: left;
}
li.id2 {
display:inline;
position: relative;
left: 20px;
}

ネスケ６～＋もじら、IE５～は別々のスタイルシートになっています。
Operaのはこれからつくります。
ネスケ４、IE４以下はスタイルシートを読まないようになってます。

ありがとうございました。

＃これをもっとスマートに書く方法はないのかなぁ？

補足

補足欄ですが＾＾
下のようにやると、ネスケでアイコンが欠けてしまうようです。。。汗
あとで調整してみます＾＾