blob: f1fca9f0f20403dc1ab47c62a4b81349d86bfdb5 [file] [log] [blame]
<html style="-webkit-writing-mode:vertical-lr">
<body>
<p>
In this test, you should see three blocks that are centered vertically 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 50 pixels of padding on either side of the box stack.
</p>
<div style="position:absolute;width:200px;height:100px;border:20px solid black;padding:50px;">
<div style="margin-bottom:50px"></div>
<span style="position:absolute;margin-left:50px;width:100px;height:100px;background-color:green"></span>
<div style="position:absolute;width:100px;height:100px;background-color:olive;left:0px"></div>
<div style="position:absolute;width:100px;height:100px;background-color:olive;left:200px"></div>
</div>
</body>
</html>