Demo: CSS hyphens

<div class='container'>
  <p class='hyphenated'>This is an example of a long word that may need hyphenation: incomprehensibilities. The hyphens property will help break it up for better readability in narrow spaces.</p>
</div>

.container {
  width: 200px;
  border: 1px solid #ccc;
  padding: 10px;
  overflow-wrap: break-word;
}

.hyphenated {
  hyphens: auto;
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  overflow-wrap: break-word;
}

// No JavaScript required for this demo

This is an example of a long word that may need hyphenation: incomprehensibilities. The hyphens property will help break it up for better readability in narrow spaces.