layout/reftests/writing-mode/1147834-relative-overconstrained-vertical-lr-rtl.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Overconstrained relative positioning</title>
   6     <style>
   7     .test {
   8       border: 1px solid black;
   9       height: 200px;
  10       width:  400px;
  11       writing-mode: vertical-lr;
  12       direction: rtl;
  13     }
  14     #inner1 {
  15       position: relative;
  16       left: 40px;
  17       right: 40px;
  18       top: 20px;
  19       bottom: 20px;
  20       height: 180px;
  21       width: 360px;
  22       background-color: teal;
  23     }
  24     </style>
  25   </head>
  26   <body>
  27     <div class="test">
  28       <div id="inner1"></div>
  29     </div>
  30   </body>
  31 </html>