<p class="box" lang="en">
  Words cont&shy;aining soft hyphen no longer breaks. Specta&hyphen;cularly long words with hard hyphen does.
</p>
.box {
  width: 50px;
  border: 1px solid;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.