layout/reftests/details-summary/float-left-and-float-details-ref.html

   1 <!DOCTYPE html>
   2 <!-- Any copyright is dedicated to the Public Domain.
   3    - http://creativecommons.org/publicdomain/zero/1.0/ -->
   4
   5 <html>
   6   <style>
   7   body {
   8     width: 400px;
   9   }
  10   div#float {
  11     float: left;
  12     width: 200px;
  13     height: 200px;
  14     background-color: lightgreen;
  15   }
  16   div#details {
  17     float: left;
  18     background-color: orange;
  19   }
  20   div#summary {
  21     background-color: green;
  22   }
  23   </style>
  24   <body>
  25     <div id="float"></div>
  26     <div id="details">
  27       <div id="summary">Summary</div>
  28       <!-- No content due to closed details -->
  29     </div>
  30   </body>
  31 </html>