position-relative-027

Relatively positioned elements with auto positioning with anonymous boxes before and after

WeasyPrint

This browser

Assertion
Relatively positioned element with auto positioning appear as though they were positioned in flow.

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: Relatively positioned elements with auto positioning with anonymous boxes before and after</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#comp-relpos">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="Relatively positioned element with auto positioning appear as though they were positioned in flow.">
 9         <style type="text/css">
10             div
11             {
12                 width: 5in;
13             }
14             span
15             {
16                 position: relative;
17             }
18         </style>
19     </head>
20     <body>
21         <p>Test passes if the "Filler Text" below is all on the same line.</p>
22         <div>
23             Filler Text <span>Filler Text</span> Filler Text
24         </div>
25     </body>
26 </html>