margin-padding-vertical-rtl-ref.html (2851B)
1 <!DOCTYPE html> 2 <html> 3 <link rel='stylesheet' href='resource://reftest/progress.css'> 4 <style> 5 body > div:nth-child(1) { margin: 10px; padding: 0px; } 6 body > div:nth-child(2) { margin: 0px; padding: 10px; } 7 body > div:nth-child(3) { margin: 10px; padding: 10px; } 8 body > div:nth-child(4) { margin: 5px; padding: 5px; } 9 body > div:nth-child(5) { margin: 50px; padding: 50px; } 10 body > div:nth-child(6) { margin: 100px; padding: 100px; } 11 body > div:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; } 12 body > div:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; } 13 body > div:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; } 14 body > div:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; } 15 body > div:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; } 16 body > div:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; } 17 body > div:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; } 18 body > div:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; } 19 body > div:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; } 20 body > div:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; } 21 </style> 22 <body dir='rtl'> 23 <div class="progress-element vertical"> 24 <div class="progress-bar"> 25 </div> 26 </div> 27 <div class="progress-element vertical"> 28 <div class="progress-bar"> 29 </div> 30 </div> 31 <div class="progress-element vertical"> 32 <div class="progress-bar"> 33 </div> 34 </div> 35 <div class="progress-element vertical"> 36 <div class="progress-bar"> 37 </div> 38 </div> 39 <div class="progress-element vertical"> 40 <div class="progress-bar"> 41 </div> 42 </div> 43 <div class="progress-element vertical"> 44 <div class="progress-bar"> 45 </div> 46 </div> 47 <div class="progress-element vertical"> 48 <div class="progress-bar"> 49 </div> 50 </div> 51 <div class="progress-element vertical"> 52 <div class="progress-bar"> 53 </div> 54 </div> 55 <div class="progress-element vertical"> 56 <div class="progress-bar"> 57 </div> 58 </div> 59 <div class="progress-element vertical"> 60 <div class="progress-bar"> 61 </div> 62 </div> 63 <div class="progress-element vertical"> 64 <div class="progress-bar"> 65 </div> 66 </div> 67 <div class="progress-element vertical"> 68 <div class="progress-bar"> 69 </div> 70 </div> 71 <div class="progress-element vertical"> 72 <div class="progress-bar"> 73 </div> 74 </div> 75 <div class="progress-element vertical"> 76 <div class="progress-bar"> 77 </div> 78 </div> 79 <div class="progress-element vertical"> 80 <div class="progress-bar"> 81 </div> 82 </div> 83 <div class="progress-element vertical"> 84 <div class="progress-bar"> 85 </div> 86 </div> 87 </body> 88 </html>