Тут пример: http://jsfiddle.net/yaoev48n/ Суть - есть инлайн-блок элемент, добавляем ему max-width (чтобы получить перенос строки внутри текста) и получаем такую штуку как в примере - инлайн блок обрезается справа не сразу по тексту а как бы "тянется" до max-width. Если между словами вставить разрыв строки <br> - http://jsfiddle.net/qh0znfb0/ то получим то что нужно - блок обрезается справа ровно по словам. Как можно добиться такого результата без использования <br> ?