| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>white-space normal: zero width non-breaking space</title> | 4 <title>white-space normal: zero width non-breaking space</title> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 @font-face { font-family: myahem; src: url(../../../resources/Ahem.ttf); } |
| 6 /* setup */ | 7 /* setup */ |
| 7 .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; co
lor: white; } | 8 .control { display: inline; font: 1em/1 myahem, sans-serif; background: red;
color: white; } |
| 8 td * { white-space: normal; font: inherit; } | 9 td * { white-space: normal; font: inherit; } |
| 9 div { display: block; } | 10 div { display: block; } |
| 10 span { display: inline; } | 11 span { display: inline; } |
| 11 | 12 |
| 12 /* test */ | 13 /* test */ |
| 13 td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } | 14 td { font: 20px/1 myahem; color: maroon; background: red; padding: 0; } |
| 14 span { background: lime; } | 15 span { background: lime; } |
| 15 div { color: green; } | 16 div { color: green; } |
| 16 </style> | 17 </style> |
| 17 </head> | 18 </head> |
| 18 <body> | 19 <body> |
| 19 <div class="control">Ahem_font_required_for_this_test.</div> | 20 <div class="control">Ahem_font_required_for_this_test.</div> |
| 20 <p>There should be no red below, only a green square bordered in green.</p> | 21 <p>There should be no red below, only a green square bordered in green.</p> |
| 21 <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> | 22 <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> |
| 22 <table> | 23 <table> |
| 23 <tr> | 24 <tr> |
| 24 <td> | 25 <td> |
| 25 <div>XXXXX</div> | 26 <div>XXXXX</div> |
| 26 <div><span>X   X</span></div> | 27 <div><span>X   X</span></div> |
| 27 <div><span>X​ ​ ​ ​X</span></div> | 28 <div><span>X​ ​ ​ ​X</span></div> |
| 28 <div><span>X ​ ​ X</span></div> | 29 <div><span>X ​ ​ X</span></div> |
| 29 <div>XXXXX</div> | 30 <div>XXXXX</div> |
| 30 </td> | 31 </td> |
| 31 </tr> | 32 </tr> |
| 32 </table> | 33 </table> |
| 33 </body> | 34 </body> |
| 34 </html> | 35 </html> |
| OLD | NEW |