direction-overall-003-ref.html (1689B)
1 <!DOCTYPE html> 2 <html> 3 <head><title>Test dir=rtl</title></head> 4 <body> 5 6 <div style="position: absolute; 7 top: 5px; left: 5px; width: 200px; height: 200px;"> 8 <div style="position: absolute; width: 70px; height: 200px; 9 left: 0px; background: red;"></div> 10 <div style="position: absolute; width: 70px; height: 200px; 11 left: 70px; background: green;"></div> 12 <div style="position: absolute; width: 70px; height: 200px; 13 left: 140px; background: magenta;"></div> 14 <div style="position: absolute; width: 70px; height: 200px; 15 left: 210px; background: blue;"></div> 16 <div style="position: absolute; width: 70px; height: 200px; 17 left: 280px; background: yellow;"></div>--> 18 </div> 19 20 21 <div style="position: absolute; 22 top: 5px; left: 5px; width: 200px; height: 200px;"> 23 <div style="position: absolute; width: 10px; height: 200px; 24 left: -5px; background: black;"></div> 25 <div style="position: absolute; width: 10px; height: 200px; 26 left: 65px; background: black;"></div> 27 <div style="position: absolute; width: 10px; height: 200px; 28 left: 135px; background: black;"></div> 29 <div style="position: absolute; width: 10px; height: 200px; 30 left: 205px; background: black;"></div> 31 <div style="position: absolute; width: 10px; height: 200px; 32 left: 275px; background: black;"></div> 33 <div style="position: absolute; width: 10px; height: 200px; 34 left: 345px; background: black;"></div> 35 </div> 36 37 </body> 38 </html>