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

Question

我想在右下角的文本框中对齐文本。我可以使用

向右对齐

text-align:right;

但这会在底部留下一些空间。我想实现下图所示

Answer 1

您可以使用padding 属性来实现它。请参阅下面的 sn-p。你可以试试调整this fiddle中的值

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

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