Html 使两个共享插件（facebook和twitter）在同一行上对齐（垂直对齐）

我在mysite上使用了twitter和facebook共享插件，这可以在fiddle上看到。然而，我很难让按钮垂直对齐。我尝试过使用边距顶部和填充顶部，但它始终保持不对齐。如何使同一行上的以下推特和facebook共享按钮看起来很漂亮：

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.directory.shopious.com" data-text="some share" data-lang="id" data-size="large" data-count="none">Tweet</a>


    <div class="fb-share-button" data-href="http://www.mysite.com" data-width="500" data-type="button_count"></div>

---

使用

垂直对齐

属性

.fb-share-button {
   vertical-align: top;    
}

---

你试过垂直对齐吗

不应用

显示：表格单元格也在工作

如果您希望与您评论的内容在同一行中，请应用
vertical align:top而不是中间。
您可以使用px将其更严格地对齐（使用@Praveen Jeganathan而不是answer）：

你试过小提琴吗？这没用我想两个都在同一条线上。。在一行中，而不是像那样堆叠我希望twitter和facebook按钮在一行上。现在twitter按钮有点向上移动
.twitter-share-button {
    margin-right: 5%;
    vertical-align: middle;
    display: table-cell;
}

.fb_iframe_widget {
   vertical-align: 10px;
}