CSS - 垂直对齐文本

Question

我有一个的jsfiddle here

我知道这是超级简单，但我无法得到它的工作

我只需要文本居中垂直

 .pdf-button{ 
      background: #eee; 
     } 

     .pdf-button p{ 
      display: inline; 
     } 

     .pdf-button a{ 
      display: inline-block; 
      padding-right: 20px; 
      vertical-align: middle; 
     } 

     i{ 
      color: #aaa; 
     } 

Answer 1

vertical-align: middle; 

应为i，而不是a

Fiddle