word-wrap: break-word vs word-break: break-all

Comparing `word-wrap: break-word` and `word-break: break-all`

by ddrraaggaa

HTML

<p id="word-wrap-break-word">
  word-wrap: break-word
</p>

<p id="word-break-break-all">
  word-break: break-all
</p>

CSS

#word-wrap-break-word {
  word-wrap: break-word;
  width: 100px;
}

#word-break-break-all {
  word-break: break-all;
  width: 100px;
}