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