html - 按钮中的中心文本

Question

我已经创建了这个按钮，但是我似乎无法将文本居中。我已经设置了行高，但似乎不起作用，这是怎么回事？

https://jsfiddle.net/DTcHh/12048/

CSS

a.round {
    font-size: 18px;
    font-weight: 300;
    line-height: 35px;
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid #000;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    background-color: transparent;
    float: left;
    margin-right: 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin-bottom: 180px;
}

#icon-buy {
    margin-right: 10px;
    font-size: 35px;
}

Answer 1

我认为必须对齐 <i>以获得您想要的外观。

#icon-buy {
    margin-right: 10px;
    font-size: 35px;
    vertical-align: middle;
}

JSfiddle Demo