html - 内联元素不对齐

Question

我从 simplesharebuttons.com 获得了这些共享按钮。我添加了一个更多按钮，最终将用于在较小的屏幕上取消隐藏不太受欢迎的社交媒体图标，但它没有与其余按钮对齐，我无法弄清楚问题出在哪里。

http://jsfiddle.net/WLSqw/41/

#share-buttons img {
    width: 35px;
    padding-right: 5px;
    display: inline;
}

#more {
    width: 35px;
    margin-right: 5px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    color: white;
    font-size: 1em;
    text-align: center;
    line-height: 35px;
}

Answer 1

实际上，作为一个 inline-block 元素，您的 #more 只需要:

vertical-align: top;

DEMO