third_party/WebKit/LayoutTests/fast/block/float/floats-offset-inline-block-quirk-line-height.html

   1 <html>
   2 <head>
   3     <style>
   4         body { width: 400px;}
   5         .container { color: red; width: 100px; height: 150px; position: relative;}
   6         .container:first-line { font-size: 30px;}
   7         div { background: white; }
   8         span { display: inline-block; background: red; width: 20px; height: 20px; }
   9         .narrowfloat { float: left; width: 10px; height: 25px;}
  10         .widefloat { float: left; clear: left; width: 40px; height: 5px;}
  11         .reference { position: absolute; width: 20px; height: 20px; background: black; }
  12         .first { left: 10px; }
  13         .second { left: 40px; top: 20px; }
  14     </style>
  15 </head>
  16 <body>
  17 <!-- In quirks mode, inline blocks have their descent removed across line breaks.
  18      Ensure they find the correct offset for their line when avoiding floats and line-height is set. -->
  19 There should be no red visible below.
  20 <div class="container">
  21     <div class="narrowfloat"></div>
  22     <div class="widefloat"></div>
  23     <!-- This should cover the inline block. -->
  24     <div class="reference first"></div>
  25     <div class="reference second"></div>
  26     <span></span><br><span></span>
  27 </div>
  28 </body></html>