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