| <html> |
| <body> |
| 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 left side of the box stack. |
| |
| <div style="position: relative; direction:rtl; margin: 1em 0;">The |
| black box's top should be aligned with the end of the last line in this parargaph and its right side should begin right after the end of this sentence. |
| |
| <span 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 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> |
| </span> |
| </div> |
| </body> |
| </html> |
