26 lines
953 B
HTML
26 lines
953 B
HTML
<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>
|