Facebook 和 Twitter 按钮未对齐

Question

我在同一行上显示FB Like/Share和Twitter按钮，但它们不会垂直对齐，请参阅下面的代码，来自我们的What's New页面。我正在寻找一种简单的解决方案来垂直对齐所有按钮。

<div class="fb-like" data-href="http://www.ascendo.co/mac-password-manager.html" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></div><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.ascendo.co/mac-password-manager.html" data-text="Check out DataVault Password Manager for Mac, the best way to secure your confidential information!" data-via="Ascendo" data-count="none">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Answer 1

您可以添加一个简单的

vertical-align: middle;

#twitter-widget-0

Answer 2

.fb-like{
    Display:table-row;
}