<style>
    html {
        -webkit-locale: "en_US";
    }

    .text-box {
        border: solid;
        padding: 4px;
        width: 330px;
        font-size: 18px;
        text-align: justify;
    }

    .float {
        width: 75px;
        height: 5em;
        background-color: aliceblue;
        float: right;
        margin-left: 10px;
    }

    .hyphens-auto {
        -webkit-hyphens: auto;
    }

    .hyphens-none {
        -webkit-hyphens: none;
    }

    .test {
        float: left;
        margin: 0 4px;
    }
</style>
<div class="test">
    <p><tt>hyphens: manual</tt> without soft hyphens</p>
    <div class="text-box">
        <div class="float"></div>
        The chief difficulty Alice found at first was in managing her
        flamingo: she succeeded in getting its body tucked away,
        comfortably enough, under her arm, with its legs hanging down,
        but generally, just as she had got its neck nicely straightened
        out, and was going to give the hedgehog a blow with its head, it
        would twist itself round and look up in her face&#x2026;
    </div>
</div>
<div class="test">
    <p><tt>hyphens: none</tt> with soft hyphens</p>
    <div class="text-box hyphens-none">
        <div class="float"></div>
        The chief difficulty Alice found at first was in managing her
        flamingo: she succeeded in get&shy;ting its body tucked away, com&shy;fortably enough, under her arm, with its legs hanging down,
        but generally, just as she had got its neck nicely straight&shy;ened
        out, and was going to give the hedge&shy;hog a blow with its head, it
        would twist itself round and look up in her face&#x2026;
    </div>
</div>
<div class="test">
    <p><tt>hyphens: manual</tt> with soft hyphens</p>
    <div class="text-box">
        <div class="float"></div>
        The chief difficulty Alice found at first was in managing her
        flamingo: she succeeded in get&shy;ting its body tucked away,
        com&shy;fortably enough, under her arm, with its legs hanging down,
        but generally, just as she had got its neck nicely straight&shy;ened
        out, and was going to give the hedge&shy;hog a blow with its head, it
        would twist itself round and look up in her face&#x2026;
    </div>
</div>
<div class="test">
    <p><tt>hyphens: auto</tt> without soft hyphens</p>
    <div class="text-box hyphens-auto">
        <div class="float"></div>
        The chief difficulty Alice found at first was in managing her
        flamingo: she succeeded in getting its body tucked away,
        comfortably enough, under her arm, with its legs hanging down,
        but generally, just as she had got its neck nicely straightened
        out, and was going to give the hedgehog a blow with its head, it
        would twist itself round and look up in her face&#x2026;
    </div>
</div>
