auto direction

 SIMPLE SOLUTION

Use dir="auto" on forms and inserted text in order to automatically detect the direction of content supplied at run-time.

<div dir="auto">Hello, world!</div>
<br/>
<div dir="auto">لا إله إلا الله محمد رسول الله</div>
<br/>
<input type="text" dir="auto" value="Hello, world!" > 
<br/><br/>
<input type="text" dir="auto" value="لا إله إلا الله محمد رسول الله" >

1
Simple add a * {direction: rtl} to your css. If the direction is explicit set at other elements, use * {direction: rtl !important}
Share
Improve this answer
answered Sep 20, 2013 at 19:40
dognose
19.5k99 gold badges5858 silver badges103103 bronze badges
I tried , still not working . I can see the elements getting the style on developer tools on IE but its not working . Unchecking/checking the style even doesnt give any effect. 
– Mazen Abu Taweelih
 Sep 20, 2013 at 23:30