layout/reftests/text/white-space-2-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <!-- Reference -->
   5 <style>
   6 div { border:1px solid black; }
   7 .container { float:left; width:20%; border-color:cyan; }
   8 p { width:0; }
   9 b { font-weight:normal; background-color:yellow; white-space:pre; }
  10 .cell { display:table-cell; border:1px solid green; }
  11 </style>
  12 </head>
  13 <body>
  14
  15 <div>
  16 <p><span class="cell"><b>Hello
  17 Kitty</b></span>
  18 <p><span class="cell"><b>Hello Kitty</b></span>
  19 <p><span class="cell"><b>Hello Kitty</b></span>
  20 <p><span class="cell"><b>Hello
  21 Kitty</b></span>
  22 </div>
  23
  24 <div class="container">
  25 <p><span class="cell"><b>Hello
  26 Kitty</b></span>
  27 <p><span class="cell"><b>Hello
  28 Kitty</b></span>
  29 <p><span class="cell"><b>Hello
  30 Kitty</b></span>
  31 <p><span class="cell"><b>Hello
  32 Kitty</b></span>
  33 </div>
  34
  35 <div class="container">
  36 <p><span class="cell"><b>Hello
  37  Kitty</b></span>
  38 <p><span class="cell"><b>Hello  Kitty</b></span>
  39 <p><span class="cell"><b>Hello  Kitty</b></span>
  40 <p><span class="cell"><b>Hello
  41  Kitty</b></span>
  42 </div>
  43
  44 <div class="container">
  45 <p><span class="cell"><b>Hello
  46 Kitty</b></span>
  47 <p><span class="cell"><b>Hello  Kitty</b></span>
  48 <p><span class="cell"><b>Hello Kitty</b></span>
  49 <p><span class="cell"><b>Hello
  50 Kitty</b></span>
  51 </div>
  52
  53 <div class="container">
  54 <p><span class="cell"><b>Hello
  55 Kitty</b></span>
  56 <p><span class="cell"><b>Hello
  57 Kitty</b></span>
  58 <p><span class="cell"><b>Hello
  59 Kitty</b></span>
  60 <p><span class="cell"><b>Hello
  61 Kitty</b></span>
  62 </div>
  63
  64 </body>
  65 </html>