Web4College

CSS word-break property

src

Description

CSS word-break property represents soft wrap opportunities between letters or words when inline content flows to the next line.

Syntax

word-break : normal | keep-all | break-all

Property values

normalDefault

normal value allows the inline content to break at spaces between words.

word-break: normal;
Try it

break-all

break-all adds soft wrap opportunities between letters in addition to the words i.e. it breaks the words to flow to the next line.

word-break: break-all;
Try it

keep-all

Breaking is not allowed within words. It allows soft wrap opportunities between typographic character units such as numbers, alphabets.

word-break: keep-all;
Try it

Applicable to

It applies to inline boxes e.g. the text content within block-level element..