"Лишняя" остаточная ширина блока при переносе слов на новую строку

[Squidward]

Пример: http://jsfiddle.net/cqm1Lnhg/

При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста?

Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width).

Таблицу не предлагать...)

Edited August 27, 2014 by Squidward

[hypnocolor]

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html

[Squidward]

Так это не то совсем. Вопрос в другом.

[hypnocolor]

Извиняюсь, не уловил сути точной. Тогда как-то так: http://jsfiddle.net/cqm1Lnhg/1/

[Squidward]

Хитрый молодой человек) Воткнуть <br>'ы - дешево и сердито, но, к сожалению, этого нельзя сделать... Движок-с.

[hypnocolor]

Тут дело не в хитрости, скорее всего поведение, которое вам нужно, вообще нереально воспроизвести, потому как плотно к границам своей области текст будет прилегать только в инлайновых элементах, которым максимальную ширину не задашь. А родитель хоть и перенесёт текст, но сохранит максимальную ширину, так что это пространство всё равно останется. Мой вариант тоже не подходит, как оказалось, под ваше описание.

Edited August 27, 2014 by hypnocolor