Отображение элемента CSS в одну строку с помощью nowrap

Теперь я знаю ширину своего div, но я не знаю высоту моих дочерних тегов button и ins. Тег ins имеет nowrap.

Я хотел бы отображать button в одной строке с тегом ins.

div {
    border: 1px solid red;
    width: 150px;
    overflow: hidden;
}

button {
}

ins {
    white-space: nowrap;
}

Есть мой код, но теперь он ins ниже button: http://jsfiddle.net/ZZrJM/
Я не могу использовать высоту div.

Как отображать кнопку и входы в одну строку?


css nowrap
person kicaj    schedule 04.10.2013    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Переместите white-space:nowrap с ins на div. См. этот jsFiddle.

div {
    border: 1px solid red;
    width: 150px;
    overflow: hidden;
     white-space: nowrap;
}
person chopper    schedule 04.10.2013