third_party/WebKit/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   <script src="../../../resources/ahem.js"></script>
   9   <style type="text/css">
  10    /* setup */
  11    .control { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
  12    * { white-space: normall; font: inherit; }
  13    div { display: block; margin: 1em; }
  14    span { display: inline; }
  15
  16    /* test */
  17    div { font: 20px/1 Ahem; }
  18    .green { background: lime; color: green; }
  19    .red { background: red; color: maroon; }
  20   </style>
  21  </head>
  22  <body>
  23   <div class="control">Ahem_font_required_for_this_test.</div>
  24   <p>There should be no red below, only three identical striped green and lime bars.</p>
  25
  26   <!-- the next two tests are identical, but one uses raw data and the other uses entities -->
  27
  28   <div><span class="red">
  29
  30    <span class="green">X <span class="red"><span class="red"> <span class="red">
  31    </span></span> </span>X <span class="red">
  32    </span>X<span class="red"><span class="red"><span class="green"> </span><span
  33    class="red"> </span></span> </span>X
  34 <span class="red">
  35
  36    </span>
  37    <span class="green">X<span class="green"> <span class="red"> </span></span><span
  38    class="red"> </span>X<span class="red">
  39
  40   </span></span></div>
  41
  42   <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>
  43
  44   <div><span class="green">X X X X X X</span></div>
  45
  46  </body>
  47 </html>