layout/reftests/pagination/float-clear-003-print.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html class="reftest-paged">
   3 <style type="text/css">
   4 html, body {
   5   margin: 0;
   6   padding: 0;
   7   height: 100%;
   8 }
   9
  10 .step {
  11   height: 1in;
  12   border: 15px aqua;
  13   border-style: none solid;
  14 }
  15 .float {
  16   float: right;
  17   width: 15px;
  18   background: aqua;
  19   height: 4in;
  20 }
  21 .L {
  22   float: left;
  23 }
  24
  25 .container {
  26   width: 100%;
  27   background: red;
  28 }
  29
  30 .clear {
  31   clear: left;
  32   height: 0;
  33   background: red;
  34 }
  35 .bar {
  36   border-bottom: orange solid;
  37 }
  38 </style>
  39
  40 <div class="step"></div>
  41 <div class="container">
  42   <div class="float L"></div>
  43   <div class="float R"></div>
  44 </div>
  45 <div class="clear"><div class="bar"></div></div>