Как заставить контейнер всегда переноситься на две строки?

Question

У меня есть демо здесь , которое показывает, к чему я стремлюсь.Я хочу обернуть строку текста так, чтобы две строки соответствовали остальной части основного текста.

Подвох в том, что в моем примере есть тег br.Текст, который я хочу обернуть, не содержит тега br.

Поле должно расширяться или сжиматься по горизонтали, как требуется для переноса текста на две строки.это только с CSS?Если нет, то как я могу сделать это с помощью javascript?

ОБНОВЛЕНИЕ:

Я могу быть достаточно близко с this .Текст переносится, но родительский контейнер не сжимается.

Answer 1

Вот взлом javascript, который работает.Он считывает ширину div после его загрузки, а затем устанавливает ширину равной половине этого значения.

Если вы хотите, чтобы ширина была динамической (то есть изменение размера браузера и т. Д.), Вам нужновключить взломать в обработчик событий изменения размера.

http://jsfiddle.net/hzqAB/7/