如何垂直居中的链接内的文本

Question

HTML：

<a href="#" class="zocial paypal"><span>Update Profile</span></a> 

小提琴：https://jsfiddle.net/nkvpqpy1/

我怎么能在中心的链接垂直居中“更新配置文件”文本。

Answer 1

使用line-height: 2.5em：

.zocial span 
    { 
     padding: .5em 0 0 0; 
     line-height: 2.5em; 
    } 

https://jsfiddle.net/nkvpqpy1/1/

Answer 2

a span { 
    padding: 0; 
    vertical-align: middle; 
} 

Answer 3

的line-height是最好的答案，但你可能就此别过：

padding: .2em .95em 0 0; 

只要添加一个轻微的顶部填充

JS Fiddle

Answer 4

从span卸下顶部填充，使其vertical-align:middle

所以，在https://jsfiddle.net/nkvpqpy1/5/