html - 将文本放入 div 中心的问题

Question

我制作了一些按钮将人们从我的网站链接到社交媒体页面，Google Plus 中的文本太低了，我希望它在 div 中更高，但我很难做到这一点，我的代码在 JS fiddle 上.

按钮还没有完成，我只是想知道如何让文字变高，干杯

.GooglePlus {
    color: black;
    font-size: 35px;
    border-radius: 100px;
    padding: 2px;
    font-family: Garamond;
    font-weight: bold;
    height: 40px;
    width: 40px;
    background-color: #D8D8D8;
    text-align: center;
    vertical-align: central;
}
a:hover .GooglePlus {
    background-color: #FE2E2E;
    color: white;
}

Answer 1

只需添加line-height:27px;来调整g+

代码全类:

.GooglePlus {
    color: black;
    font-size: 35px;
    border-radius: 100px;
    padding: 2px;
    font-family: Garamond;
    font-weight: bold;
    height: 40px;
    width: 40px;
    background-color: #D8D8D8;
    text-align: center;
    vertical-align: middle;
    line-height:27px;
}