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

word-wrap property

Browser support:
Specifies whether the current line should break if the content exceeds the boundaries of its container.
Note: The word-wrap property is supported in Firefox from version 3.5.
JavaScript page for this property: wordWrap. You can find other example(s) there.

Possible values:

 One of the following values: 
Content will wrap to the next line, and a word-break will occur when necessary.
Takes the value of this property from the computed style of the parent element.
Content exceeds the boundaries of the specified rendering box.
Default: normal.

Example HTML code 1:

This example illustrates the use of the word-wrap property:
        .example {
            width: 200px;
            height: 150px;
            background: #99C6CD;
    <div class="example" style="word-wrap: break-word;">

    <br />

    <div class="example" style="word-wrap: normal;">
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content