將文本放在按鈕的右下角

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像素（實際高度=高度+填充）。