OLD | NEW |
1 <style> | 1 <style> |
2 input { color: darkGray; font-size: 30px; width: 500px; } | 2 input { color: #757575; font-size: 30px; width: 500px; } |
3 input.a { text-indent: 0px; } | 3 input.a { text-indent: 0px; } |
4 input.b { text-indent: 10px; } | 4 input.b { text-indent: 10px; } |
5 input.c { text-indent: 200px; } | 5 input.c { text-indent: 200px; } |
6 input.d { text-indent: -10px; } | 6 input.d { text-indent: -10px; } |
7 input.e { text-indent: 50%; } | 7 input.e { text-indent: 50%; } |
8 </style> | 8 </style> |
9 | 9 |
10 <div style="direction:ltr"> | 10 <div style="direction:ltr"> |
11 <input value="placeholder"><br> | 11 <input value="placeholder"><br> |
12 <input class="a" value="placeholder"><br> | 12 <input class="a" value="placeholder"><br> |
13 <input class="b" value="placeholder"><br> | 13 <input class="b" value="placeholder"><br> |
14 <input class="c" value="placeholder"><br> | 14 <input class="c" value="placeholder"><br> |
15 <input class="d" value="placeholder"><br> | 15 <input class="d" value="placeholder"><br> |
16 <input class="e" value="placeholder"><br> | 16 <input class="e" value="placeholder"><br> |
17 </div> | 17 </div> |
18 <div style="direction:rtl"> | 18 <div style="direction:rtl"> |
19 <input value="placeholder"><br> | 19 <input value="placeholder"><br> |
20 <input class="a" value="placeholder"><br> | 20 <input class="a" value="placeholder"><br> |
21 <input class="b" value="placeholder"><br> | 21 <input class="b" value="placeholder"><br> |
22 <input class="c" value="placeholder"><br> | 22 <input class="c" value="placeholder"><br> |
23 <input class="d" value="placeholder"><br> | 23 <input class="d" value="placeholder"><br> |
24 <input class="e" value="placeholder"><br> | 24 <input class="e" value="placeholder"><br> |
25 </div> | 25 </div> |
OLD | NEW |