<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Set and unset dir="auto"</title> <style> textarea { resize: none; } </style> </head> <body> <div><input type="text" value="אבג ABC" dir="ltr"></div> <div><span dir="ltr">אבג ABC</span></div> <div><textarea dir="ltr">אבג ABC</textarea></div> <div><button dir="ltr">אבג ABC</button></div> <!-- the last line is span dir="rtl" because it's the reference for a bdi that begins with rtl characters, so with an empty or invalid value for the dir attribute it will be resolved as rtl --> <div><span dir="rtl">אבג ABC</span></div> </body> </html>