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 <!-- ================================================================ --> | 3 <!-- ================================================================ --> |
4 <!-- WARNING! This document contains significant trailing whitespace! --> | 4 <!-- WARNING! This document contains significant trailing whitespace! --> |
5 <!-- ================================================================ --> | 5 <!-- ================================================================ --> |
6 <head> | 6 <head> |
7 <title>white-space normal: zero width non-breaking space</title> | 7 <title>white-space normal: zero width non-breaking space</title> |
8 <style type="text/css"> | 8 <style type="text/css"> |
| 9 @font-face { font-family: myahem; src: url(../../../resources/Ahem.ttf); } |
9 /* setup */ | 10 /* setup */ |
10 .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; co
lor: white; } | 11 .control { display: inline; font: 1em/1 myahem, sans-serif; background: red;
color: white; } |
11 * { white-space: normall; font: inherit; } | 12 * { white-space: normall; font: inherit; } |
12 div { display: block; margin: 1em; } | 13 div { display: block; margin: 1em; } |
13 span { display: inline; } | 14 span { display: inline; } |
14 | 15 |
15 /* test */ | 16 /* test */ |
16 div { font: 20px/1 Ahem; } | 17 div { font: 20px/1 myahem; } |
17 .green { background: lime; color: green; } | 18 .green { background: lime; color: green; } |
18 .red { background: red; color: maroon; } | 19 .red { background: red; color: maroon; } |
19 </style> | 20 </style> |
20 </head> | 21 </head> |
21 <body> | 22 <body> |
22 <div class="control">Ahem_font_required_for_this_test.</div> | 23 <div class="control">Ahem_font_required_for_this_test.</div> |
23 <p>There should be no red below, only three identical striped green and lime b
ars.</p> | 24 <p>There should be no red below, only three identical striped green and lime b
ars.</p> |
24 | 25 |
25 <!-- the next two tests are identical, but one uses raw data and the other use
s entities --> | 26 <!-- the next two tests are identical, but one uses raw data and the other use
s entities --> |
26 | 27 |
(...skipping 10 matching lines...) Expand all Loading... |
37 class="red"> </span>X<span class="red"> | 38 class="red"> </span>X<span class="red"> |
38 | 39 |
39 </span></span></div> | 40 </span></span></div> |
40 | 41 |
41 <div><span class="red">

   <span class="gr
een">X <span class="red"><span class="red"> <span class="red">�
00A;   </span></span> </span>X <span class="r
ed"> 
   </span>X<span class="red"><span clas
s="red"><span class="green"> </span><span class="red"> </span></sp
an> </span>X
<span class="red"> 
  &#x
0020;
   </span>
   <spa
n class="green">X<span class="green"> <span class="red"> </span></
span><span class="red"> </span>X<span class="red">

 
; </span></span></div> | 42 <div><span class="red">

   <span class="gr
een">X <span class="red"><span class="red"> <span class="red">�
00A;   </span></span> </span>X <span class="r
ed"> 
   </span>X<span class="red"><span clas
s="red"><span class="green"> </span><span class="red"> </span></sp
an> </span>X
<span class="red"> 
  &#x
0020;
   </span>
   <spa
n class="green">X<span class="green"> <span class="red"> </span></
span><span class="red"> </span>X<span class="red">

 
; </span></span></div> |
42 | 43 |
43 <div><span class="green">X X X X X X</span></div> | 44 <div><span class="green">X X X X X X</span></div> |
44 | 45 |
45 </body> | 46 </body> |
46 </html> | 47 </html> |
OLD | NEW |