1 <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0//EN">
4 <!-- ================================================================ -->
5 <!-- WARNING! This document contains significant trailing whitespace! -->
6 <!-- ================================================================ -->
9 <title>white-space: mixed tests
</title>
10 <script src=
"../../../resources/ahem.js"></script>
11 <style type=
"text/css">
12 .control { display: inline
; font: 1em/1 Ahem
, sans-serif
; background: red
; color: white
; }
13 .test { font: 1em/1 Ahem
; background: green
; color: lime
; width: 19em; }
14 .normal { white-space: normal
; }
15 .nowrap { white-space: nowrap
; }
16 .pre { white-space: pre
; }
20 <div class=
"control">Ahem_font_required_for_this_test.
</div>
21 <p>There should be a pretty green and lime pattern and the word
"PASS" in lime on white below.
</p>
22 <div class=
"test pre">
23 1234567890123456789<span class=
"normal">
25 x
<span class=
"pre"></span> x
<span>
27 </span> x x
</span> x
<span> x x
</span> x
<span class=
"pre">x
</span>
28 1234</span>567890123456789 xxxx xxxx xx
<span class=
"normal">x
<span class=
"nowrap">x
29 xxxx
</span> </span>x
<span class=
"normal"> <span class=
"pre"> </span> <span class=
"pre"> </span> <span class=
"pre"> </span>
31 </span> </span> <span class=
"pre"> </span><span class=
"normal"> </span> <span class=
"nowrap">
32 </span><span class=
"normal"> </span> x x x x x x x
33 <span class=
"nowrap">x
34 x x x x x x x x x xxxx
35 xxxx xxxx xxxx
</span>
36 x x x x x x x
<span class=
"normal"> xxxxxxxxxxxxxxxxxxx
<span
37 class=
"pre"> x x x xxxx xxxx
</span></span>