CSS overflow-wrap property

Description

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.

Syntax

overflow-wrap : normal | break-word

Property values

normalDefault

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;

break-word

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.
×

Ctrl+D