layout/reftests/floats/429974-1-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4
   5 <style type="text/css">
   6
   7 .contain {
   8   background: aqua; color: black;
   9   height: 10px; margin: 2px 50px;
  10 }
  11
  12 .fl, .fr { height: 5px; }
  13 .fl { float: left; width: 56px; }
  14 .fr { float: right; width: 73px; }
  15
  16 .t { overflow: hidden; background: blue; height: 5px; width: 85px;
  17      border-left: 1px solid blue; padding-left: 2px;
  18      padding-right: 4px; border-right: 8px solid blue; }
  19
  20 </style>
  21
  22 </head>
  23
  24 <body style="width: 400px">
  25
  26 <div class="contain">
  27         <div class="fl" id="p"></div>
  28         <div class="fr"></div>
  29 </div>
  30
  31 <div class="contain">
  32         <div class="fl"></div>
  33         <div class="t"></div>
  34 </div>
  35
  36 </body>
  37 </html>