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 box has no impact on boxes which follow</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="Offsetting a box with relative positioning has no effect on the boxes which follow.">
9 <style type="text/css">
10 #span1
11 {
12 position: relative;
13 left: 0;
14 top: 25px;
15 }
16 </style>
17 </head>
18 <body>
19 <p>Test passes if "Filler Text1" and "Filler Text3" are on the first line and "Filler Text2" is on the second line and the space has been reserved where "Filler Text2" would have been if it were on the first line.</p>
20 <div>
21 <span>Filler Text1<span id="span1">Filler Text2</span>Filler Text3</span>
22 </div>
23 </body>
24 </html>