| 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 <script src="../../../resources/ahem.js"></script> |
| 5 <style type="text/css"> | 6 <style type="text/css"> |
| 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 Ahem, sans-serif; background: red; co
lor: white; } |
| 8 * { white-space: normall; font: inherit; } | 9 * { white-space: normall; font: inherit; } |
| 9 div { display: block; margin: 1em; } | 10 div { display: block; margin: 1em; } |
| 10 span { display: inline; } | 11 span { display: inline; } |
| 11 | 12 |
| 12 /* test */ | 13 /* test */ |
| 13 div { font: 20px/1 Ahem; } | 14 div { font: 20px/1 Ahem; } |
| 14 .green { background: lime; color: green; } | 15 .green { background: lime; color: green; } |
| 15 .red { background: red; color: maroon; } | 16 .red { background: red; color: maroon; } |
| 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 two identical striped green and lime bar
s.</p> | 21 <p>There should be no red below, only two identical striped green and lime bar
s.</p> |
| 21 | 22 |
| 22 <div><span class="red"> | 23 <div><span class="red"> |
| 23 <span class="green">X </span> <span class="red"> </span> <span class="green">
X </span> | 24 <span class="green">X </span> <span class="red"> </span> <span class="green">
X </span> |
| 24 <span class="green">X </span> <span class="green"> X </span> | 25 <span class="green">X </span> <span class="green"> X </span> |
| 25 <span class="green">X</span><span class="green"> X<span class="red"> </span><
/span> | 26 <span class="green">X</span><span class="green"> X<span class="red"> </span><
/span> |
| 26 </span></div> | 27 </span></div> |
| 27 | 28 |
| 28 <div><span class="green">X X X X X X</span></div> | 29 <div><span class="green">X X X X X X</span></div> |
| 29 | 30 |
| 30 </body> | 31 </body> |
| 31 </html> | 32 </html> |
| OLD | NEW |