如何将<li>中的链接对齐到底部？</li>

Question

这是我的CSS，我喜欢将 li 中的链接设置到底部。我在链接上尝试了垂直底部，但这是不行的。

.textResizer {
list-style-type: none;
float: right;
width: 85px;
height: 30px;
margin: 6px 12px -6px 0px;
padding: 0;
}

.textResizer li {
float:left;
margin-left:10px;
}

.textResizer a {
color:#1a5c88;
text-decoration:none;

}

.textResizer .small a{
font-size:.75em;
font-weight:bold;   
 }

.textResizer .medium a{
font-size:1em;
font-weight:bold;   
 }

 .textResizer .large a{
font-size:1.3em;
font-weight:bold;   
 }

以下是行动中的链接，http://jsfiddle.net/HN7Hy/提前谢谢

Answer 1

一种方法是将列表项设置为inline-block而不是float: left： http://jsfiddle.net/HN7Hy/2/