blob: de8b1caa5c2acb52060dd0787a9622af9bf22d6d [file] [log] [blame]
<style>
div {
outline: dashed thin lightblue;
-webkit-hyphenate-character: "-";
}
</style>
<p>
There should be a hyphen at the end of the first line, and it should not
overflow the box.
</p>
<table cellspacing=0 cellpadding=0>
<tr>
<td>
<div style="-webkit-hyphens: manual;">extraordinar&shy;ily</div>
</td>
<td style="width: 100%"></td>
</tr>
</table>
<p>
The text should not overflow the box.
</p>
<table cellspacing=0 cellpadding=0>
<tr>
<td>
<div style="-webkit-hyphens: none;">extraordinar&shy;ily</div>
</td>
<td style="width: 100%"></td>
</tr>
</table>