CSS word-break

Previous Next

Demo of the different values of the word-break property.

Click the property values below to see the result:

word-break: keep-all;
word-break: break-word;
word-break: break-all;
This is a prettyveryveryveryveryverylong word.

Here-we-have-plenty-of-hyphens.
This is a prettyveryveryveryveryverylong word.

Here-we-have-plenty-of-hyphens.
This is a prettyveryveryveryveryverylong word.

Here-we-have-plenty-of-hyphens.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯