float-004

Float set to 'inherit'

WeasyPrint

This browser

Assertion
The 'float' property set to 'inherit' correctly inherits the value from the parent element.

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: Float set to 'inherit'</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="The 'float' property set to 'inherit' correctly inherits the value from the parent element.">
 9         <style type="text/css">
10             #div1
11             {
12                 border: 2px solid orange;
13                 width: 500px;
14                 float: right;
15             }
16             #div2
17             {
18                 float: inherit;
19                 background: blue;
20                 height: 1in;
21                 width: 1in;
22             }
23         </style>
24     </head>
25     <body>
26         <p>Test passes if the blue square is in the upper right corner of the orange box and the "Filler Text" flows around the blue square.</p>
27         <div id="div1">
28             <div id="div2"></div>
29             Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text
30         </div>
31     </body>
32 </html>