third_party/WebKit/LayoutTests/fast/replaced/vertical-lr/absolute-position-with-auto-height-and-top-and-bottom.html

   1 <html>
   2 <head>
   3     <style>
   4         #a { position: relative; height: 150px; width: 100px; border: 2px solid black; }
   5         #b { position: absolute; top: 25px; height: auto; left: 0; bottom: 25px; }
   6         body { -webkit-writing-mode: vertical-lr }
   7     </style>
   8 </head>
   9 <body>
  10     <p>The blue box should be vertically centered in the black box with 25px of white on the top and bottom.</p>
  11     <div id="a">
  12         <img id="b" src="../resources/square-blue-100x100.png">
  13     </div>
  14 </body>
  15 </html>