third_party/WebKit/LayoutTests/fast/block/float/floats-offset-image-strict-line-height.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4     <style>
   5         body { width: 400px;}
   6         .container { font: 12px Ahem;  color: red; width: 100px; height: 150px; position: relative;}
   7         .container:first-line { font-size: 30px;}
   8         div { background: white; }
   9         img { background: red; width: 20px; height: 20px; }
  10         .narrowfloat { float: left; width: 10px; height: 25px; }
  11         .widefloat { float: left; clear: left; width: 40px; height: 5px; }
  12         .reference { position: absolute; width: 20px; height: 20px; background: black; }
  13         .first { left: 40px; top: 4px; }
  14         .second { top: 30px; }
  15     </style>
  16 </head>
  17 <body>
  18 <!-- In strict mode, images do not have their descent removed across line breaks.
  19      Ensure the images find the correct offset for their line when avoiding floats and line-height is set. -->
  20 There should be no red visible below.
  21 <div class="container">
  22     <div class="narrowfloat"></div>
  23     <div class="widefloat"></div>
  24     <!-- This should cover the first image. -->
  25     <div class="reference first"></div>
  26     <!-- This should cover the second image. -->
  27     <div class="reference second"></div>
  28     <img><br><img>
  29 </div>
  30 </body></html>