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 <!-- ================================================================ --> | 4 <!-- ================================================================ --> |
5 <!-- WARNING! This document contains significant trailing whitespace! --> | 5 <!-- WARNING! This document contains significant trailing whitespace! --> |
6 <!-- ================================================================ --> | 6 <!-- ================================================================ --> |
7 | 7 |
8 <head> | 8 <head> |
9 <title>white-space: mixed tests</title> | 9 <title>white-space: mixed tests</title> |
10 <style type="text/css"> | 10 <style type="text/css"> |
11 .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; co
lor: white; } | 11 @font-face { font-family: myahem; src: url(../../../resources/Ahem.ttf); } |
12 .test { font: 1em/1 Ahem; background: green; color: lime; width: 19em; } | 12 .control { display: inline; font: 1em/1 myahem, sans-serif; background: red;
color: white; } |
| 13 .test { font: 1em/1 myahem; background: green; color: lime; width: 19em; } |
13 .normal { white-space: normal; } | 14 .normal { white-space: normal; } |
14 .nowrap { white-space: nowrap; } | 15 .nowrap { white-space: nowrap; } |
15 .pre { white-space: pre; } | 16 .pre { white-space: pre; } |
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 a pretty green and lime pattern and the word "PASS" in lime
on white below.</p> | 21 <p>There should be a pretty green and lime pattern and the word "PASS" in lime
on white below.</p> |
21 <div class="test pre"> | 22 <div class="test pre"> |
22 1234567890123456789<span class="normal"> | 23 1234567890123456789<span class="normal"> |
23 x <span> | 24 x <span> |
24 x <span class="pre"></span> x<span> | 25 x <span class="pre"></span> x<span> |
25 | 26 |
26 </span> x x</span> x <span> x x </span> x <span class="pre">x</span> | 27 </span> x x</span> x <span> x x </span> x <span class="pre">x</span> |
27 1234</span>567890123456789 xxxx xxxx xx<span class="normal">x<span class="nowrap
">x | 28 1234</span>567890123456789 xxxx xxxx xx<span class="normal">x<span class="nowrap
">x |
28 xxxx </span> </span>x<span class="normal"> <span class="pre"> </span> <span clas
s="pre"> </span> <span class="pre"> </span> | 29 xxxx </span> </span>x<span class="normal"> <span class="pre"> </span> <span clas
s="pre"> </span> <span class="pre"> </span> |
29 <span class="nowrap"> | 30 <span class="nowrap"> |
30 </span> </span> <span class="pre"> </span><span class="normal"> </span> <spa
n class="nowrap"> | 31 </span> </span> <span class="pre"> </span><span class="normal"> </span> <spa
n class="nowrap"> |
31 </span><span class="normal"> </span> x x x x x x x | 32 </span><span class="normal"> </span> x x x x x x x |
32 <span class="nowrap">x | 33 <span class="nowrap">x |
33 x x x x x x x x x xxxx | 34 x x x x x x x x x xxxx |
34 xxxx xxxx xxxx </span> | 35 xxxx xxxx xxxx </span> |
35 x x x x x x x<span class="normal"> xxxxxxxxxxxxxxxxxxx
<span | 36 x x x x x x x<span class="normal"> xxxxxxxxxxxxxxxxxxx
<span |
36 class="pre"> x x x xxxx xxxx </span></span> | 37 class="pre"> x x x xxxx xxxx </span></span> |
37 </div> | 38 </div> |
38 </body> | 39 </body> |
39 </html> | 40 </html> |
OLD | NEW |