Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / block / positioning / auto / vertical-rl / 005.html
blob08c654e70728194fd60470c32617e887c8298f4b
1 <html style="-webkit-writing-mode:vertical-rl">
2 <body>
3 In this test, you should see three blocks that are aligned to the bottom within a black box. They should
4 be stacked horizontally with the green box in between two olive boxes. The olive boxes and the green box
5 should be 100x100. The black box's left side should be aligned with the last line in this paragraph and its top side should begin right after the end of this sentence.
7 <span style="direction:rtl; position:absolute;width:200px;height:100px;border:20px solid black;padding-left:50px;padding-right:50px;padding-top:100px;padding-bottom:0px">
8 <div style="margin-top:800px;position:absolute;margin-right:50px;width:100px;height:100px;background-color:green"></div>
9 <div style="position:absolute;width:100px;height:100px;background-color:olive;right:0px"></div>
10 <div style="bottom:0px; position:absolute;width:100px;height:100px;background-color:olive;right:200px"></div>
11 </span>
12 </body>
13 </html>