Question

Please view the below code as html in both firefox, and other browsers such as chrome or safari.

[ ] ( ) and other \W character seems to cause word-wrap to produce premature wrapping

As specified by firefox, word-wrap is fully implemented.

<style>
    div.working {background:blue; height:400px; width:130px;}
    div.notWorking {background:red; height:400px; width:130px;}
    div {oveflow:hidden; word-wrap: break-word; font-family:monospace}
</style>

<div class="working">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>

<div class="notWorking">[X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X][X]</div>

Thanks for your help

Answer 1

I made a comprehensive list of special characters/strings to avoid if you intent to not have premature warping.

'][',')(','}{','-','><','\/'