<!DOCTYPE html> <html> <head><title>Test dir=rtl</title></head> <body> <div style="position: absolute; top: 5px; left: 5px; width: 200px; height: 200px;"> <div style="position: absolute; width: 40px; height: 200px; left: 0px; background: red;"></div> <div style="position: absolute; width: 40px; height: 200px; left: 40px; background: green;"></div> <div style="position: absolute; width: 40px; height: 200px; left: 80px; background: magenta;"></div> <div style="position: absolute; width: 40px; height: 200px; left: 120px; background: blue;"></div> <div style="position: absolute; width: 40px; height: 200px; left: 160px; background: yellow;"></div> </div> <div style="position: absolute; top: 5px; left: 5px; width: 200px; height: 200px;"> <div style="position: absolute; width: 10px; height: 200px; left: -5px; background: black;"></div> <div style="position: absolute; width: 10px; height: 200px; left: 35px; background: black;"></div> <div style="position: absolute; width: 10px; height: 200px; left: 75px; background: black;"></div> <div style="position: absolute; width: 10px; height: 200px; left: 115px; background: black;"></div> <div style="position: absolute; width: 10px; height: 200px; left: 155px; background: black;"></div> <div style="position: absolute; width: 10px; height: 200px; left: 195px; background: black;"></div> </div> </body> </html>