bar-pseudo-element-rtl-ref.html (1296B)
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>