blob: d67b6c8ba371781bb0ce3fc02bd706b57943dae4 [file] [log] [blame]
<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>