Difference between word-wrap: break-word and word-break: break-word : <p>I needed to fix some CSS somewhere because my text wasn't wrapping around and was instead going on indefinitely if it was an extremely long word.</p>

<p>Like in most cases, I tried <code>word-wrap: break-word;</code> in my CSS file and it did not work.</p>

<p>Then, to my surprise, and by the suggestion of Google Chrome Developer Tools, I tried <code>word-break: break-word;</code> and it fixed my problem. I was shocked by this so I've been googling to know the difference between these two but I have seen nothing on the subject.</p>

<p>Further, I don't think <code>word-break: break-word;</code> is documented behavior seeing as how <a href="http://www.w3schools.com/cssref/css3_pr_word-break.asp" rel="noreferrer">W3</a> has no mention of it. I tested it on Safari and Chrome, and it works perfectly on both, but I'm hesitant to use <code>word-break: break-word;</code> because I see no mention of it anywhere.</p>
