CSS overflow-wrap property


CSS overflow-wrap property represents soft wrap opportunities between letters or words when inline content flows to the next line. It is the same as word-wrap.


overflow-wrap : normal | break-word

Property values


In this case, the lines only break at allowed break points i.e. between the words and not between the letters.

In this case, the words are unbreakable on wrapping.

overflow-wrap: normal;


It applies to an element only when there are no acceptable break points available i.e. between the words.

It breaks the words at arbitrary points.

overflow-wrap: break-word;

Applicable to

It applies to inline boxes e.g. the text content within block container..

#CSS digger
Was this article helpful?

We are learning overflow wrap property.