Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / block / positioning / auto / 003.html
blob8e73b8ab985d1280e7eec49bd922973844cc3b1e
1 <html>
2 <body>
3 <p>
4 In this test, you should see three blocks that are aligned right within a black box. They should
5 be stacked vertically with the green box in between two olive boxes. The olive boxes and the green box
6 should be 100x100, and there should be 100 pixels of padding on the right side of the box stack.
7 </p>
8 <div style="direction:rtl; position:fixed;width:100px;height:200px;border:20px solid black;padding-top:50px;padding-bottom:50px;padding-left:100px;padding-right:0px">
9 <div></div>
10 <div style="margin-left:800px;position:absolute;margin-top:50px;width:100px;height:100px;background-color:green"></div>
11 <div style="position:absolute;width:100px;height:100px;background-color:olive;top:0px"></div>
12 <div style="right:0px; position:absolute;width:100px;height:100px;background-color:olive;top:200px"></div>
13 </div>
14 </body>
15 </html>