CSS hyphens property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
div { 
    width: 50px;
    border: 3px solid green;
}
div.a {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
div.b {
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}
div.c {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
</style>
</head>
<body>
    <h1>hyphens property example</h1>
    <h2>hyphens: none</h2>
    <p>No hyphen; overflow if needed.</p>
    <div class="a">A veryveryvery long word.</div>
    <h2>hyphens: manual</h2>
    <p>Hyphen only at &hyphen; or &shy; (if needed).</p>
    <div class="b">A veryveryvery long word.</div>
    <h2>hyphens: auto</h2>
    <p>Hyphen where the algorithm is deciding (if needed).</p>
    <div class="c">A veryveryvery long word.</div>
</body>
</html>