内联元素不对齐

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

Answer 2

将float:left;添加到链接和该按钮

JSFiddle