将文本放在按钮的右下角

Question

我一直在寻找如何做到这一点的答案。基本上我想要的是将文本放置在按钮的右下角。这是我迄今为止所拥有的。我把文字对齐到右边，但它仍然在按钮的中间。我怎样才能将它与底部对齐呢？

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

Answer 1

是这样的：http://jsfiddle.net/QavgZ/

HTML：

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

CSS：

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

你发现已经是右对齐。对于底部对齐，我将按钮的高度，文本和字体大小设置为相同的值。然后我添加了顶部填充，使高度再次成为所需的50像素（实际高度=高度+填充）。