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