position-relative-031

Relatively positioned elements with auto positioning with an inline element before, anonymous boxes, and inline boxes after

WeasyPrint

This browser

Assertion
Relatively positioned element with auto positioning render 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 an inline element before, anonymous boxes, and inline boxes 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 render 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             <span>Filler Text </span><span id="span1">Filler Text</span> Filler Text<span> Filler Text </span>Filler Text
24         </div>
25     </body>
26 </html>