<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font: 16px/24px sans-serif; padding: 20px; width: 300px; height: 400px; } .sideways { -webkit-text-orientation: sideways-right; text-orientation: sideways-right; } .upright { -webkit-text-orientation: upright; text-orientation: upright; } </style> </head> <body> <div class=sideways> Bidi עברית text </div> <div dir=rtl class=sideways> Bidi עברית text </div> <div class=upright> Bidi עברית text </div> <div dir=rtl class=upright> Bidi עברית text </div> </body> </html>