すこしはまったので、メモ＆情報共有です。
この問題、Webで調べると、よく float:left; での解決が示されていますが、今回の自分の事例ではレイアウト的にそれができなくて、困りました。
で、結局、色々試した結果、display:inline-block; で解決でした！
具体的には次の css を書きました。
|
1 2 |
span.option-item {white-space:nowrap;} html>/**/body span.option-item {display /***/: inline-block9;} |
１行目が、white-space:nowrap の指定で、２行目で、ハックを用いて IE8 のみに、display:inline-block を適用しています。
以上、ご参考まで。