<p class="none">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat, repre&shy;henderit?</p>

<p class="manual">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat, repre&shy;henderit?</p>

<p class="auto">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat, repre&shy;henderit?</p>
p {
  width: 100px;
  background-color: antiquewhite;
  font-size: 20px;
}

.none {
  hyphens: none;
}

.manual {
  hyphens: manual;
}

.auto {
  hyphens: auto;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.