将<a>元素中的文字与CSS垂直对齐
这个问题在这里已经有了答案：
如果你想水平居中文本然后尝试：
text-align: center;
如果你想垂直居中文本然后尝试：
line-height: 40px; //Where 40px is the height of your parent element
请记住，使用行高时，它只能在一行文本上工作。 如果你想要做多行文本，恐怕你必须指定文本的高度，然后使用position: absolute; 在文本上的position: relative; 在父元素上。
对于你的多行示例，我会尝试类似下面的jsFiddle：
li {
list-style-type:none;
margin:0;
padding:0;
position: relative;
height: 60px;
width: 200px;
display: block;
background:red;
}
li a {
width:100px;
height:40px;
position: absolute;
top: 50%;
margin-top: -20px;
}