LayoutTests/fast/text/whitespace/006.html

   1 <!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>