third_party/WebKit/LayoutTests/fast/block/positioning/auto/vertical-rl/006.html

   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, and there should be 100 pixels of padding on the top side of the box stack.
   6
   7 <div style="position: relative; direction:rtl; margin: 0 1em;">The
   8 black box's right should be aligned with the last line in this paragraph and its top side should begin after the end of this sentence.
   9
  10  <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">
  11 <div style="margin-top:800px;position:absolute;margin-right:50px;width:100px;height:100px;background-color:green"></div>
  12 <div style="position:absolute;width:100px;height:100px;background-color:olive;right:0px"></div>
  13 <div style="bottom:0px; position:absolute;width:100px;height:100px;background-color:olive;right:200px"></div>
  14 </span>
  15 </div>
  16 </body>
  17 </html>