blob: 7533a70f40c3e8c40ca35bf60c67aa7e848f805a [file] [log] [blame]
<html style="-webkit-writing-mode:vertical-lr">
<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:fixed;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-left:50px;width:100px;height:100px;background-color:green"></div>
<div style="position:absolute;width:100px;height:100px;background-color:olive;left:0px"></div>
<div style="bottom:0px; position:absolute;width:100px;height:100px;background-color:olive;left:200px"></div>
</div>
</body>
</html>