layout/reftests/table-width/default-box-sizing-separate-standards-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>default box sizing (border-collapse: separate, standards mode)</title>
   5 <style type="text/css">
   6
   7 body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; }
   8
   9 div.inner {
  10   background: yellow;
  11 }
  12
  13 </style>
  14 </head>
  15 <body>
  16
  17 <div style="width: 200px">
  18   <div style="background: blue; padding: 2px 3px 4px 5px">
  19     <div style="background: fuchsia; padding: 5px 8px 7px 10px">
  20       <div style="background: aqua; padding: 2px 3px 4px 5px">
  21         <div style="background: fuchsia; padding: 5px 7px 9px 11px">
  22           <div class="inner">x</div>
  23         </div>
  24       </div>
  25     </div>
  26   </div>
  27 </div>
  28
  29 <div>
  30   <div style="background: blue; padding: 2px 3px 4px 5px">
  31     <div style="background: fuchsia; padding: 5px 8px 7px 10px">
  32       <div style="background: aqua; padding: 2px 3px 4px 5px">
  33         <div style="background: fuchsia; padding: 5px 7px 9px 11px">
  34           <div class="inner" style="width: 200px">x</div>
  35         </div>
  36       </div>
  37     </div>
  38   </div>
  39 </div>
  40
  41 </body>
  42 </html>