CODEWITHSUNDEEP
facebookbuttontwitter
Marc Bolh
Marc Bolh

Reputation: 413

Facebook and Twitter buttons not aligned

I display FB Like/Share and Twitter buttons on same line but they won't align vertically, see code below from our What's New page. I'm looking for a simple solution to vertically align all buttons.

<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>

Upvotes: 3

Views: 552

Answers (2)

wijaya
wijaya

Reputation: 152

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

Upvotes: 1

Mark
Mark

Reputation: 2071

You can add a simple

vertical-align: middle; to the 

#twitter-widget-0

Upvotes: 1

Related Questions