<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .test { margin: 20px; height: 200px; width: 200px; overflow: scroll; padding: 0; } .vlr { writing-mode: vertical-lr; } .vrl { writing-mode: vertical-rl; } </style> </head> <body> <textarea class="test vlr" dir="ltr"> </textarea> <textarea class="test vlr" dir="rtl"> </textarea> <br> <textarea class="test vrl" dir="ltr"> </textarea> <textarea class="test vrl" dir="rtl"> </textarea> </body> </html>