CSS overflow-wrap

Previous Next

Demo of the different values of the overflow-wrap property.

Click the property values below to see the result:

overflow-wrap: normal;
overflow-wrap: break-word;
overflow-wrap: anywhere;
This div contains a very long word: thisisaveryveryveryveryveryverylongword. By default, the long word will not break and wrap to the next line
This div contains a very long word: thisisaveryveryveryveryveryverylongword. By default, the long word will not break and wrap to the next line
This div contains a very long word: thisisaveryveryveryveryveryverylongword. By default, the long word will not break and wrap to the next line

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