Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / replaced / vertical-lr / absolute-position-with-auto-width-and-left-and-right.html
blobb5a8c9d30ac62b083cb439c174b658915b6af7aa
1 <html>
2 <head>
3 <style>
4 #a { position: relative; height: 100px; width: 150px; border: 2px solid black; }
5 #b { position: absolute; left: 25px; height: auto; right: 25px; top:0 }
6 body { -webkit-writing-mode: vertical-lr }
7 </style>
8 </head>
9 <body>
10 <p>The blue box should be horizontally centered in the black box with 25px of white on the left and right.</p>
11 <div id="a">
12 <img id="b" src="../resources/square-blue-100x100.png">
13 </div>
14 </body>
15 </html>