liタグをfloat,leftし横並びにしたのですが、テキストがうまく2行に改行されない＠IE7

質問

はじめまして。
html初心者なんですが、

表題にあるようにメニューのようなものをliタグでテキストで横並びにするためfloat　leftをかけたのですが、すべてテキストで構成しているためか、1行目の最後の文字、つまり、<li>hoge</li>が改行されず、残りの幅で縦書きに表示されてしまいます。

画像を添付いたします。
これの解決方法を教えてください。

どうかよろしくお願いいたします。

回答No.1

salonpath · ベストアンサー

white-space:nowrap;
をfloat:leftを指定してるliに入れてみるとどうなりますか？

お礼

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

回答No.2

yambejp

li{
white-space:nowrap;
float:left;
}

お礼

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