CSS word-break Property

The css word-break property is often used when there is long generated content that is strung together without and spaces or hyphens to beak apart. A common case of this is when there is a long URL that does not have any hyphens. This case could potentially cause the breaking of the layout as it could extend past the parent element.

Syntax for word-break property

normal | break-all | keep-all | initial | inherit