5 .container { width:
100px; height:
150px; position: relative;}
6 div { background: white; }
7 .reference { position: absolute; width:
20px; height:
20px; background: black; }
9 .second { left:
40px; top:
20px; }
13 <!-- In quirks mode, images have their descent remove so that they squeeze together across line breaks.
14 Ensure the images find the correct offset for their line when avoiding floats. -->
15 There should be no red visible below.
16 <div class=
"container">
17 <!-- This should cover the first image. -->
18 <div class=
"reference first"></div>
19 <!-- This should cover the second image. -->
20 <div class=
"reference second"></div>