Html 将文本放置在按钮的右下角

我一直在寻找如何做到这一点的答案。基本上，我想要的是在按钮的右下角放置文本。这就是我目前所拥有的。我的文本是向右对齐的，但是它仍然在按钮的中间。如何将其与底部对齐

.button{
  height: 50px;
  width: 50px;
  text-align: right;
}

大概是这样的：

html:

---

您已经找到了正确的对齐方式。对于底部对齐，我将按钮的高度、文本和字体大小都设置为相同的值。然后我添加了顶部填充，使高度再次成为所需的50px（实际高度=高度+填充）

这适用于特定的按钮内容。但对于动态内容，它不是很灵活。关于@showdev，你是绝对正确的。你也可以选择表格单元格解决方案，但我不太喜欢。根据我的经验，按钮很少有超过一行的文本。虽然可能需要添加溢出：hidden以确保

<a class="button">text</a>

.button{
  height: 14px;
  width: 50px;
  text-align: right;
  display: block;
  border: 1px solid red;
  font-size: 14px;
  line-height: 14px;
  padding-top: 36px;
}