JSFiddle - React, Tailwind, and code Playground
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" lang="en">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: block;
-ms-hyphens: auto;
}