Do not create a shape object outside of the layout context
[WebKit-https.git] / LayoutTests / fast / block / float / floats-offset-inline-block-strict-lineheight.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         span { display: inline-block; 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, inline blocks do not have their descent removed across line breaks.
19      Ensure they 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 inline block. -->
25     <div class="reference first"></div>
26     <div class="reference second"></div>
27     <span></span><br><span></span>
28 </div>
29 </body></html>