this is my code :

<div id="a" style="position:absolute;top:300px;width:100px;height:100px;background:red;color:black;word-wrap:break-word;">
    <div id='a2' contenteditable=true >
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
</div>

this code word-wrap in firefox , but in chrome i cant word-wrap,

so how to make   word-wrap on chrome ?

thanks

this is my code :

<div id="a" style="position:absolute;top:300px;width:100px;height:100px;background:red;color:black;word-wrap:break-word;">
    <div id='a2' contenteditable=true >
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
</div>

this code word-wrap in firefox , but in chrome i cant word-wrap,

so how to make   word-wrap on chrome ?

thanks

• javascript
• firefox
• google-chrome

• 14 "nbsp" stands for "non-breaking space", so it looks like you're trying to suck and blow at the same time. Could you describe the problem you're actually trying to solve? – wlangstroth Commented Nov 27, 2010 at 12:37

2 Answers 2

You make them word wrap like this:

 &nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>

  creates a non-breaking space. The purpose of a non-breaking space is to provide a space, while not counting as a place to break a line. (Which normal spaces are.)

Therefore, you cannot make them word-wrap, as they're designed to not do so. If you want word-wrapping, use normal spaces.