OLD | NEW |
1 <style> | 1 <style> |
2 div { | 2 div { |
3 outline: dashed thin lightblue; | 3 outline: dashed thin lightblue; |
4 -webkit-hyphenate-character: "-"; | 4 -webkit-hyphenate-character: "-"; |
5 } | 5 } |
6 </style> | 6 </style> |
7 <p> | 7 <p> |
8 There should be a hyphen at the end of the first line, and it should not | 8 There should be a hyphen at the end of the first line, and it should not |
9 overflow the box. | 9 overflow the box. |
10 </p> | 10 </p> |
11 <table cellspacing=0 cellpadding=0> | 11 <table cellspacing=0 cellpadding=0> |
12 <tr> | 12 <tr> |
13 <td> | 13 <td> |
14 <div>extraordinar<span>-</span><br>ily</div> | 14 <div>extraordinar<span>-</span><br>ily</div> |
15 </td> | 15 </td> |
16 <td style="width: 100%"></td> | 16 <td style="width: 100%"></td> |
17 </tr> | 17 </tr> |
18 </table> | 18 </table> |
19 <p> | |
20 The text should not overflow the box. | |
21 </p> | |
22 <table cellspacing=0 cellpadding=0> | |
23 <tr> | |
24 <td> | |
25 <div>extraordinar<span></span>ily</div> | |
26 </td> | |
27 <td style="width: 100%"></td> | |
28 </tr> | |
29 </table> | |
OLD | NEW |