How to text-align in textbox in right bottom corner?

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