СВОЙСТВО WORD-BREAK

Свойство word-break определяет, как делать перенос слов при достижении конца строки.

Поддержка браузеров


8+

word-break: normal|break-all|keep-all|break-word|initial|inherit

Значение	Описание
normal	Браузер сам решает как разрывать строку. Это значение по умолчанию.
break-all	Слово разрывается в любом месте так, чтобы оно поместилось в родительском элементе.
keep-all	Работает, также как и normal, за исключением китайского, корейского и японского языков.
break-word	Неразрывные слова могут быть разбиты в произвольных точках, если в строке нет других приемлемых точек разрыва.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<p>
    Loremipsumdolorsitametconsecteturadipiscing elit. Duis imperdiet pulvinar felis.
</p>

HTML

p {
    width:200px;
    background: #f1f1f1;
    word-break: break-word;
}

CSS