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