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

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