blob: 4868db58fc4be6d58b4468c11b46cba0520a8968 [file] [log] [blame]
<html style="-webkit-writing-mode:vertical-rl">
<body>
<p>
In this test, you should see three blocks that are aligned right 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="position:absolute;height:100px;width:200px;border:20px solid black;padding-left:50px;padding-right:50px;padding-bottom:100px">
<div style="margin-left:50px"></div>
<div style="margin-top:100px;position:absolute;width:100px;height:100px;background-color:green"></div>
<div style="margin-top:100px;position:absolute;width:100px;height:100px;background-color:olive;right:0px"></div>
<div style="margin-top:100px;position:absolute;width:100px;height:100px;background-color:olive;right:200px"></div>
</div>
</body>
</html>