CSS WORD-BREAK

This property controls the line breaking behavior within words. It is especially useful in cases where multiple languages are used within an element.

Example
1
2
3
div {
  word-break: keep-all
}
1
2
3
<div style="word-break: keep-all">
  Western character set content mixed with a some Asian char content.
</div>

Possible Values

normal: Normal line breaking behavior for the language is used.

break-all: Useful where content contains a majority of Asian character set content, to which this value behaves like ‘normal’. Non-Asian character set content may be arbitrarily broken across lines.

keep-all: Useful where content contains a minority of Asian character set content, to which content is not broken across lines. For non-Asian character set content, this value behaves like ‘normal’.