third_party/WebKit/LayoutTests/fast/block/positioning/auto/vertical-lr/002.html

   1 <html style="-webkit-writing-mode:vertical-lr">
   2 <body>
   3 <p>
   4 In this test, you should see three blocks that are aligned to the bottom 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.
   7 </p>
   8 <div style="position:absolute;height:100px;width:200px;border:20px solid black;padding-left:50px;padding-right:50px;padding-bottom:100px">
   9 <div style="margin-right:50px"></div>
  10 <div style="margin-top:100px;position:absolute;width:100px;height:100px;background-color:green"></div>
  11 <div style="margin-top:100px;position:absolute;width:100px;height:100px;background-color:olive;left:0px"></div>
  12 <div style="margin-top:100px;position:absolute;width:100px;height:100px;background-color:olive;left:200px"></div>
  13 </div>
  14 </body>
  15 </html>