| <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> |