layout/reftests/floats/float-in-rtl-vrl-3d.html

   1 <!DOCTYPE html>
   2 <html class="vrl">
   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>
  14  <div style="height:600px; direction: rtl;">
  15   <div dir="ltr" style="inline-size:-moz-fit-content">
  16     <div style="height:300px">
  17       <div style="height:100px;width:120px;background:rgba(0,255,0,0.8);float:left;"></div>
  18     </div>
  19     <div style="height:200px">
  20       <div style="height:100px;width:150px;background:rgba(255,0,0,0.8);float:left;"></div>
  21     </div>
  22   </div>
  23   <div style="background:silver">
  24 This text should appear BELOW the green and red blocks.
  25   </div>
  26  </div>
  27 </body>
  28 </html>