layout/reftests/text/white-space-1a.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <!-- Testing all combinations of pre/nowrap/pre-wrap/normal space pairs -->
   5 <style>
   6 .nowrap { white-space:nowrap; }
   7 .pre { white-space:pre; }
   8 .prewrap { white-space:pre-wrap; }
   9 div { border:1px solid black; }
  10 .container { float:left; width:20%; border-color:cyan; }
  11 p { width:0; }
  12 b { font-weight:normal; background-color:yellow; }
  13 </style>
  14 </head>
  15 <body>
  16
  17 <div>
  18 <p><b>Hello Kitty</b>
  19 <p><b>Hello<span class="pre"> </span>Kitty</b>
  20 <p><b>Hello<span class="nowrap"> </span>Kitty</b>
  21 <p><b>Hello<span class="prewrap"> </span>Kitty</b>
  22 </div>
  23
  24 <div class="container">
  25 <p><b>Hello  Kitty</b>
  26 <p><b>Hello<span class="pre"> </span> Kitty</b>
  27 <p><b>Hello<span class="nowrap"> </span> Kitty</b>
  28 <p><b>Hello<span class="prewrap"> </span> Kitty</b>
  29 </div>
  30
  31 <div class="container">
  32 <p><b>Hello <span class="pre"> </span>Kitty</b>
  33 <p><b>Hello<span class="pre"> </span><span class="pre"> </span>Kitty</b>
  34 <p><b>Hello<span class="nowrap"> </span><span class="pre"> </span>Kitty</b>
  35 <p><b>Hello<span class="prewrap"> </span><span class="pre"> </span>Kitty</b>
  36 </div>
  37
  38 <div class="container">
  39 <p><b>Hello <span class="nowrap"> </span>Kitty</b>
  40 <p><b>Hello<span class="pre"> </span><span class="nowrap"> </span>Kitty</b>
  41 <p><b>Hello<span class="nowrap"> </span><span class="nowrap"> </span>Kitty</b>
  42 <p><b>Hello<span class="prewrap"> </span><span class="nowrap"> </span>Kitty</b>
  43 </div>
  44
  45 <div class="container">
  46 <p><b>Hello <span class="prewrap"> </span>Kitty</b>
  47 <p><b>Hello<span class="pre"> </span><span class="prewrap"> </span>Kitty</b>
  48 <p><b>Hello<span class="nowrap"> </span><span class="prewrap"> </span>Kitty</b>
  49 <p><b>Hello<span class="prewrap"> </span><span class="prewrap"> </span>Kitty</b>
  50 </div>
  51
  52 </body>
  53 </html>