JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap -->

<p class="normal">FStrPrivFinÄndG (Gesetz zur Änderung des
  Fernstraßenbauprivatfinanzierungsgesetzes
  und straßenverkehrsrechtlicher Vorschriften)</p>
<p class="break-word">
  <span class="inner">FStrPrivFinÄndG (Gesetz zur Änderung des
  Fernstraßenbauprivatfinanzierungsgesetzes
  und straßenverkehrsrechtlicher Vorschriften)</span>
</p>

CSS

.normal {
  width: 13em;
  background: gold;
}

.break-word {
  width: 13em;
  background: lime;
}

.inner {
  display: inline;
  word-wrap: break-word;
}