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