blob: a650385bca9c05637777f22a9885ad740c57e244 [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;">extraordina&shy;rily</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>