Как растянуть CSS на всю доступную ширину?

Question

[keslo]

Добрый день, господа.
Каким образом можно растянуть div на всю доступную ширину?

<div class ="table">
    <div class="table-title">
    </div>
    <div class="table-text">
    </div>
</div>

.table-input - занимает место по размеру текста
.table-text - занимает всю оставшуюся ширину в .table

Будет набор из строк .table, соответственно, ширина блоков .table-title должна отличаться согласно размеру текста, а не быть приведенной к максимальной ширине одного из них, как в случае табличной верстки.

Answer 1

[Вадим Белкин]

Пример - так?

Comments

[keslo]

Практически. Но если содержимое .table-input состоит более чем из одного слова, то происходит перенос строки. Если убрать это, то все ОК,

[Вадим Белкин]

Вы можете запретить перенос слов в стилях и ставить переносы где нужно через br. По другому вы никак не укажите где нужен перенос а где нет. Так же можно сделать подобное используя float, но вам понадобятся дополнительные блоки внутри .table-input и .table-text

[keslo]

Вадим Белкин: добавил к .table-title свойство white-space: nowrap и все стало как надо. Спасибо!