如何将<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/