css - コンテンツをラップしないようにするには、オーバーフローを非表示にします

Question

これ欲しい ：

しかし、私はこれを取得します：

これを使用して、含まれているdivのスタイルを設定します。

.option {
    display:inline-block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    margin:10%;
}

残りはここには何もありません：http： //jsfiddle.net/n2LtN/

何が欠けている？

Answer 1

inline-blockの代わりに、 ：display:inlineなしでdisplay：を使用して修正しました。floating

span, input[type="checkbox"] {
    display:inline-block;
    *display:inline; /*That's for IE*/
    *zoom:1; /*That's for IE*/
    width:auto;
}

作業フィドルを参照してください。

Answer 2

float:leftから 削除span, input[type="checkbox"]

floatがどのように機能するかを読んでください。