floats-offset-image-quirk-line-height.html

<html>
<head>
    <style>
        body { width: 400px;}
        .container { color: red; width: 100px; height: 150px; position: relative;}
        .container:first-line { font-size: 30px;}
        div { background: white; }
        img { background: red; width: 20px; height: 20px; }
        .narrowfloat { float: left; width: 10px; height: 25px; }
        .widefloat { float: left; clear: left; width: 40px; height: 5px; }
        .reference { position: absolute; width: 20px; height: 20px; background: black; } 
        .first { left: 10px; } 
        .second { top: 20px; left: 40px; } 
    </style>
</head>
<body>
<!-- In quirks mode, images have their descent removed so that they squeeze together across line breaks.
     Ensure the images find the correct offset for their line when avoiding floats and line-height is set. -->
There should be no red visible below.
<div class="container">
    <div class="narrowfloat"></div>
    <div class="widefloat"></div>
    <!-- This should cover the first image. -->
    <div class="reference first"></div>
    <!-- This should cover the second image. -->
    <div class="reference second"></div>
    <img><br><img>
</div>
</body></html>

chromium/third_party/blink/web_tests/fast/block/float/floats-offset-image-quirk-line-height.html