How can I wrap or break long text/word in a fixed width span?

The Solution to How can I wrap or break long text/word in a fixed width span? is


You can use the CSS property word-wrap:break-word;, which will break words if they are too long for your span width.

_x000D_
_x000D_
span { _x000D_
    display:block;_x000D_
    width:150px;_x000D_
    word-wrap:break-word;_x000D_
}
_x000D_
<span>VeryLongLongLongLongLongLongLongLongLongLongLongLongExample</span>
_x000D_
_x000D_
_x000D_

~ Answered on 2013-08-14 07:10:28


Most Viewed Questions: