<div id="example-paragraphs">
    <p>Fernstraßenbauprivatfinanzierungsgesetz</p>
    <p>Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz</p>
    <p>Fernstraßen&shy;bau&shy;privat&shy;finanzierungs&shy;gesetz</p>
</div>

.output {
    background-color: gray;
}

#example-paragraphs {
    background-color: white;
    overflow: hidden;
    resize: horizontal;
    width: 9rem;
}