position-relative-030

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

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 with trailing inline</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             #span1
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 id="span1">Filler Text</span> Filler Text<span> Filler Text</span>
24         </div>
25     </body>
26 </html>