CodePen Embed - Die word-break- und overflow-wrap-Eigenschaften "Worttrennungen mit CSS"

<p><label>Breite für Container <input type="range" min="6" max="14" step="1" oninput="document.querySelector('#wordBreak').style.width = this.value + 'em'; document.querySelector('#overflowWrap').style.width = this.value + 'em';" value="14"></label></p>
<p id="wordBreak">Das Barrierefreiheits&shy;stärkungs&shy;gesetz wurde aufgrund einer Europäischen Richtlinie verabschiedet.</p>
<p id="overflowWrap">Das Barrierefreiheits&shy;stärkungs&shy;gesetz wurde aufgrund einer Europäischen Richtlinie verabschiedet.</p>

#wordBreak, #overflowWrap  {
border:1px solid gainsboro; 
width:14em;
}
#wordBreak { 
word-break:break-all;
}
#overflowWrap {
overflow-wrap:anywhere;
}

This Pen is owned by Jan Hellbusch on CodePen.

See more by @hellbusch on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.