float-replaced-height-002

Floated replaced elements relying on intrinsic height dimensions

WeasyPrint

This browser

Flags
image
Assertion
The 'height' is the intrinsic height when an floated replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Floated replaced elements relying on intrinsic height dimensions</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">
 7         <meta name="flags" content="image">
 8         <meta name="assert" content="The 'height' is the intrinsic height when an floated replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.">
 9         <style type="text/css">
10             div
11             {
12                 line-height: 0;
13                 position: relative;
14             }
15             div div
16             {
17                 background: orange;
18                 height: 15px;
19                 left: 15px;
20                 position: absolute;
21                 top: 0;
22                 width: 15px;
23             }
24             img
25             {
26                 height: auto;
27                 width: auto;
28             }
29             div, img
30             {
31                 float: left;
32             }
33         </style>
34     </head>
35     <body>
36         <p>Test passes if the blue and orange boxes below are the same height.</p>
37         <div>
38             <img alt="blue 15x15" src="support/blue15x15.png">
39             <div></div>
40         </div>
41     </body>
42 </html>