1193519-sideways-lr-4-ref.html (862B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 div { display: inline-block; border: 1px solid silver; padding: 5px; 7 line-height: 2em; writing-mode: sideways-rl; transform: rotate(180deg); } 8 span { padding: 5px; color: transparent; } 9 span:nth-child(1) { background: red; } 10 span:nth-child(2) { background: orange; } 11 span:nth-child(3) { background: yellow; } 12 span:nth-child(4) { background: green; } 13 span:nth-child(5) { background: blue; } 14 span:nth-child(6) { background: indigo; } 15 span:nth-child(7) { background: violet; } 16 </style> 17 </head> 18 19 <body> 20 21 <div><span>"One</span> <span>two</span> 22 <span>three</span> <span>four</span> <span>five</span> 23 <span>six</span> <span>seven."</span></div> 24 25 <div dir=rtl><span>"One</span> <span>two</span> 26 <span>three</span> <span>four</span> <span>five</span> 27 <span>six</span> <span>seven."</span></div>