The word-break
property defines how to break words when it reaches the end of the line.
word-break: normal | break-all | keep-all | break-word;
.div-1 {
word-break: normal;
}
.div-2 {
word-break: break-all;
}
.div-3 {
word-break: keep-all;
}
.div-4 {
word-break: break-word;
}
normal: uses normal line break rules. (Default value)
break-all: words may break at any character to the next line.
keep-all: words are not broken between the characters.
break-word: words may break at arbitrary points.