layout/reftests/floats/float-in-rtl-vlr-4c.html

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