blob: ab36bbefa613ec959d027fb039a5d312cd83af87 [file] [log] [blame]
<html style="-webkit-writing-mode:vertical-rl">
<body>
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, and there should be 100 pixels of padding on the top side of the box stack.
<div style="position: relative; direction:rtl; margin: 0 1em;">The
black box's right should be aligned with the last line in this paragraph and its top side should begin after the end of this sentence.
<span 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 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>
</span>
</div>
</body>
</html>