Как я могу сделать Div Tighen вокруг обернутого текста, когда ограничения ширины заставляют новую линию? ⇐ CSS

[Anonymous]

В настоящее время у нас есть следующие заголовки категории:

Когда они только одна строка, они хорошо выглядят. Но некоторые дольше и в конечном итоге обертываются. Когда они это делают, они выглядят примерно так:

Обертывание толкает содержащий Div к ограничению ширины, который остается в конец в конце концов, и еще больше в конце концов, и еще больше в конце концов, и еще больше в конце концов. Что я хотел бы, чтобы это затянуть это, так что это выглядит так:

Это выглядит намного чище, но я не уверен, как сделать это органо. Вот что я ищу. Короче говоря, я хотел бы заставить Div обнять его содержимое таким образом, что производит наименьшее количество строк. Если ему нужны 2 строки, я бы хотел, чтобы оно обнимало содержимое как можно больше, не принуждая третьего. Если это 3 строки, я бы хотел, чтобы оно обнимало содержимое как можно ближе, не принуждая четвертого и т. Д.

Подробнее здесь: https://stackoverflow.com/questions/796 ... e-a-new-li