blob: c741749b725d8805b49a405072bd22e2f64339a9 [file] [log] [blame]
<html>
<body>
<p>
In this test, you should see three blocks that are aligned right within a black box. They should
be stacked vertically with the green box in between two olive boxes. The olive boxes and the green box
should be 100x100, and there should be 100 pixels of padding on the right side of the box stack.
</p>
<div style="direction:rtl; position:absolute;width:100px;height:200px;border:20px solid black;padding-top:50px;padding-bottom:50px;padding-left:100px;padding-right:0px">
<div></div>
<div style="margin-left:800px;position:absolute;margin-top:50px;width:100px;height:100px;background-color:green"></div>
<div style="position:absolute;width:100px;height:100px;background-color:olive;top:0px"></div>
<div style="right:0px; position:absolute;width:100px;height:100px;background-color:olive;top:200px"></div>
</div>
</body>
</html>