third_party/WebKit/LayoutTests/fast/css/relative-positioned-block-with-inline-parent-expected.html

   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: Block boxes within inline boxes are affected by positioning</title>
   5         <style type="text/css">
   6             #div1
   7             {
   8                 background: yellow;
   9                 height: 2in;
  10                 position: relative;
  11                 width: 2in;
  12             }
  13             #div2
  14             {
  15                 background: blue;
  16                 display: inline;
  17                 position: relative;
  18                 top: 2in;
  19             }
  20             #div3
  21             {
  22                 position: relative;
  23                 top: 2in;
  24                 background: orange;
  25                 width: 2in;
  26             }
  27         </style>
  28     </head>
  29     <body>
  30         <p>Test passes if the orange box is between the two blue boxes and all three boxes are below the yellow box.</p>
  31         <div id="div1">
  32             <div id="div3">Filler Text</div>
  33             <span id="div2">Filler Text</span>
  34             <div id="div3">Filler Text</div>
  35             <span id="div2">Filler Text</span>
  36             </div>
  37         </div>
  38     </body>
  39 </html>