blob: 854f95ba647a2d540c59e2d87cf59c3748ea0c12 [file] [log] [blame]
robert@webkit.org0903cf52012-12-11 18:14:16 +00001<!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; width: 100px; height: 150px; position: relative;}
7 div { background: white; }
8 img { 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: 22px; }
14 </style>
15</head>
16<body>
17<!-- In strict mode, images do not have their descent removed across line breaks.
18 Ensure the images find the correct offset for their line when avoiding floats. -->
19There 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 first image. -->
24 <div class="reference first"></div>
25 <!-- This should cover the second image. -->
26 <div class="reference second"></div>
27 <img><br><img>
28</div>
29</body></html>