Используйте переполнение, скрытое, чтобы содержимое не переносилось

Я хочу этот:

Но я получаю это:

Используя это, чтобы стилизовать содержащий div:

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

В остальном здесь ничего нет: http://jsfiddle.net/n2LtN/

Чего не хватает?

Источник

2 ответа

Решение

Я исправил это с помощью дисплея:inline-block вместо display:inlineбез floating:

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

Смотри рабочую скрипку.

Источник

Удалить float:left от span, input[type="checkbox"]

Вы должны прочитать о том, как работает float.

Источник
Другие вопросы по тегам