<p><label>Breite des Containers<input type="range" min="6" max="14" step="1" oninput="document.querySelector('#hyphenAuto p:first-child').style.width = this.value + 'em';" value="14"></label></p>
<div lang="de" id="hyphenAuto">
<p>Barrierefreiheitsstärkungsgesetz</p>
</div> #hyphenAuto {
hyphens:auto;
}
#hyphensAuto p {
border:1px solid gainsboro;
width:14em;
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.