жидкая форма компоновка с дисплеем: встроенный блок

Question

Я получил форму с этикеткой контейнером и контейнером значения в одной строке, и я сделал скрипку для иллюстрации: http://jsfiddle.net/eEvEN/3/

Схемы является фиксированной и я никогда не хочу контейнер значения для упаковки под контейнером этикетки. Поскольку оба контейнера установлены в inline-block, я могу сделать white-space:nowrap в строке списка (см. Скрипку), и цель частично выполнена. Частично, потому что в контейнере значений я хочу, чтобы текст обернулся, если браузер недостаточно широк, чтобы удерживать текст в одной строке. Так что я думал, что могу сделать white-space:normal в контейнере значений, но он не работает ... и он переделывается в nowrap моде.

Что я могу сделать, чтобы сделать эту работу в порядке?

Answer 1

Я решил его с помощью CSS-таблицы отображения (то есть настольный строку и таблицы-клеток). Но это решение будет misbehave in older IE versions.

li { 
    display: table-row; 
} 
.field_label { 
    display: table-cell; 
    min-width: 140px; 
    background: yellow; 
} 
.field_widget { 
    display: table-cell; 
    background: cyan; 
} 

Решение с использованием таблиц CSS http://jsfiddle.net/ECssv/

Решения с использованием HTML-таблиц http://jsfiddle.net/VrHMm/ должны работать в старой ИЭ