Разбить слово с помощью CSS?

Question

Я работаю с веб-сайтом, и у меня есть много длинного слова в моем меню. Я хотел бы отображать их в двух строках, но не в одном. В CSS я использовал word-wrap proprety.

{word-wrap: break-word} 

Но это свойство сломает слово.

Например, у меня есть: Solution for enterprise

Когда я использую свойство переноса слов я получаю это:

Solution for enter 
prise 

В то время как я хотел бы иметь:

Solution 
for enterprise 

Благодарности

Answer 1

Различные варианты, некоторые упомянутые в комментариях:

• установить ширину в обертке связи (li или что-то еще), чтобы слова естественно обертывались;
• добавить элемент <br>, где вы хотите, чтобы слова были обернуты;
• оберните a span вокруг слова (ов), чтобы обернуть и установить диапазон до display: block.

Answer 2

Используйте вместо этого атрибут белого пространства css.