<style>
input { color: darkGray; font-size: 30px; width: 500px; }
input.a { text-indent: 0px; }
input.b { text-indent: 10px; }
input.c { text-indent: 200px; }
input.d { text-indent: -10px; }
input.e { text-indent: 50%; }
</style>

<div style="direction:ltr">
    <input value="placeholder"><br>
    <input class="a" value="placeholder"><br>
    <input class="b" value="placeholder"><br>
    <input class="c" value="placeholder"><br>
    <input class="d" value="placeholder"><br>
    <input class="e" value="placeholder"><br>
</div>
<div style="direction:rtl">
    <input value="placeholder"><br>
    <input class="a" value="placeholder"><br>
    <input class="b" value="placeholder"><br>
    <input class="c" value="placeholder"><br>
    <input class="d" value="placeholder"><br>
    <input class="e" value="placeholder"><br>
</div>
