如何垂直居中的鏈接內的文本

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/