layout/reftests/forms/progress/bar-pseudo-element-rtl-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3   <link rel='stylesheet' href='resource://reftest/progress.css'>
   4   <style>
   5     body > div:nth-child(1) > .progress-bar { margin: 0px 10px 0px 0px; padding: 0px; }
   6     body > div:nth-child(2) > .progress-bar { margin: 0px 0px 0px 10px; padding: 0px; }
   7     body > div:nth-child(3) > .progress-bar { margin: 0px; padding: 0px 10px 0px 0px; }
   8     body > div:nth-child(4) > .progress-bar { margin: 0px; padding: 0px 0px 0px 10px; }
   9     /* 15 - 18 should have 100% width, no need to specify. */
  10   </style>
  11   <body dir='rtl'>
  12     <div class="progress-element">
  13       <div class="progress-bar">
  14       </div>
  15     </div>
  16     <div class="progress-element">
  17       <div class="progress-bar">
  18       </div>
  19     </div>
  20     <div class="progress-element">
  21       <div class="progress-bar">
  22       </div>
  23     </div>
  24     <div class="progress-element">
  25       <div class="progress-bar">
  26       </div>
  27     </div>
  28     <div class="progress-element">
  29       <div class="progress-bar">
  30       </div>
  31     </div>
  32     <div class="progress-element">
  33       <div class="progress-bar">
  34       </div>
  35     </div>
  36     <div class="progress-element">
  37       <div class="progress-bar">
  38       </div>
  39     </div>
  40     <div class="progress-element">
  41       <div class="progress-bar">
  42       </div>
  43     </div>
  44   </body>
  45 </html>