layout/reftests/css-display/display-flow-root-001-ref.html

   1 <!DOCTYPE HTML>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html><head>
   7   <meta charset="utf-8">
   8   <title>Reference: display:flow-root</title>
   9   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1322191">
  10   <style type="text/css">
  11 html,body {
  12   color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
  13 }
  14
  15 .float {
  16   float: left;
  17   width: 20px;
  18   height: 40px;
  19   background: pink;
  20 }
  21
  22 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
  23
  24   </style>
  25 </head>
  26 <body>
  27
  28 <div style="border:1px solid">
  29   <div style="margin: 40px 0">
  30     <div>x</div>
  31   </div>
  32 </div>
  33
  34 <div style="border:1px solid">
  35   <div class="float"></div>
  36   <div class="clearfix"></div>
  37 </div>
  38
  39 <div style="border:1px solid">
  40   <div class="float"></div>
  41   <div style="display:block; border:1px solid; margin-left:20px">x</div>
  42 </div>
  43
  44 <span>
  45   <span style="display:block; background:grey; margin:20px 0 0 21px"><div style="padding:20px">x</div></span>
  46 </span>
  47
  48 <div style="border:3px solid; height:10px;"></div>
  49
  50 </body>
  51 </html>