layout/reftests/floats/float-in-rtl-vrl-2-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Bug 1114329 testcase</title>
   5 <style>
   6  .vrl {
   7    writing-mode: vertical-rl;
   8    -webkit-writing-mode: vertical-rl;
   9    writing-mode: tb-rl;
  10 }
  11 </style>
  12 </head>
  13 <body dir=rtl>
  14   <div style="height:0px;width:0px;overflow:visible">
  15     <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);display:inline-block;"></div>
  16   </div>
  17   <div style="height:0px;width:0px;overflow:visible">
  18     <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);display:inline-block;margin-top:100px;"></div>
  19   </div>
  20   <div style="height:0px;width:0px;overflow:visible">
  21     <div dir=ltr class="vrl" style="background:silver; height: calc(100vh - 16px);">
  22       <div style="margin-top:200px;">This text should appear BELOW the green and red blocks.</div>
  23     </div>
  24   </div>
  25 </body>
  26 </html>