blob: b29f20bc93dc7d4490de876c9efdb5ace48a658f [file] [log] [blame]
<html style="-webkit-writing-mode:vertical-rl">
<body>
<p>
In this test, you should see three blocks that are aligned to the bottom within a black box. They should
be stacked horizontally with the green box in between two olive boxes. The olive boxes and the green box
should be 100x100.
</p>
<div 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">
<div></div>
<div style="margin-top:800px;position:absolute;margin-right:50px;width:100px;height:100px;background-color:green"></div>
<div style="position:absolute;width:100px;height:100px;background-color:olive;right:0px"></div>
<div style="bottom:0px; position:absolute;width:100px;height:100px;background-color:olive;right:200px"></div>
</div>
</body>
</html>