blob: 7f5b1e7a0119d7f9c5f70af0ae7f3b05078872b0 [file] [log] [blame]
darinb5a817a2003-07-31 00:18:03 +00001<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
2<html>
3 <!-- ================================================================ -->
4 <!-- WARNING! This document contains significant trailing whitespace! -->
5 <!-- ================================================================ -->
6 <head>
7 <title>white-space normal: zero width non-breaking space</title>
8 <style type="text/css">
9 /* setup */
10 .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
11 * { white-space: normall; font: inherit; }
12 div { display: block; margin: 1em; }
13 span { display: inline; }
14
15 /* test */
16 div { font: 20px/1 Ahem; }
17 .green { background: lime; color: green; }
18 .red { background: red; color: maroon; }
19 </style>
20 </head>
21 <body>
22 <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 bars.</p>
24
25 <!-- the next two tests are identical, but one uses raw data and the other uses entities -->
26
27 <div><span class="red">
28
29 <span class="green">X <span class="red"><span class="red"> <span class="red">
30 </span></span> </span>X <span class="red">
31 </span>X<span class="red"><span class="red"><span class="green"> </span><span
32 class="red"> </span></span> </span>X
33<span class="red">
34
35 </span>
36 <span class="green">X<span class="green"> <span class="red"> </span></span><span
37 class="red"> </span>X<span class="red">
38
39 </span></span></div>
40
41 <div><span class="red">&#x000A;&#x000A;&#x0020;&#x0020;&#x0020;<span class="green">X&#x0020;<span class="red"><span class="red">&#x0020;<span class="red">&#x000A;&#x0020;&#x0020;&#x0020;</span></span>&#x0020;</span>X&#x0020;<span class="red">&#x0020;&#x000A;&#x0020;&#x0020;&#x0020;</span>X<span class="red"><span class="red"><span class="green">&#x0020;</span><span class="red">&#x0020;</span></span>&#x0020;</span>X&#x000A;<span class="red">&#x0020;&#x000A;&#x0020;&#x0020;&#x0020;&#x000A;&#x0020;&#x0020;&#x0020;</span>&#x000A;&#x0020;&#x0020;&#x0020;<span class="green">X<span class="green">&#x0020;<span class="red">&#x0020;</span></span><span class="red">&#x0020;</span>X<span class="red">&#x000A;&#x000A;&#x0020;&#x0020;</span></span></div>
42
43 <div><span class="green">X X X X X X</span></div>
44
45 </body>
46</html>