In order to access this site you need to enable JavaScript!

You are here: Reference > CSS > properties > word-break

word-break property

Browser support:

Specifies the line breaking rule within words.

JavaScript page for this property: wordBreak. You can find other example(s) there.

Possible values:

One of the following values:

break-all

Line breaking within Asian character set content is allowed, non-Asian text may be arbitrarily broken across lines.

keep-all

Word breaking for Chinese, Japanese, and Korean text is not allowed.

normal

Default. Word breaking is allowed.

Default: normal.

Example HTML code 1:

This example illustrates the use of the word-break property:

<head>
    <style>
        .example {
            background-color: #F9F9F9;
            word-break: break-all;
            width: 300px;
            height: 200px;
        }
    </style>
</head>
<body>
    <div class="example">
        word1 word2 word3 word4 word5 word6 word7 word8 word9 word10 
    </div>
</body>