如何在右下角的文本框中进行文本对齐？

Question

I want to align a text inside a textbox at bottom right. I am able to align to right by using

text-align:right;

but this leaves with some space at bottom. I want to achieve what is shown in below image

Answer 1

You can achieve it using the padding property. See the snippet below. You can try it and adjust the values in this fiddle

 .my-input{ padding: 6px 8px 0 8px; text-align: right; } 

 <input type="text" class="my-input">