Skip to content

Instantly share code, notes, and snippets.

@howtomakeaturn
Last active March 2, 2017 17:42
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save howtomakeaturn/290057120966900fb21a11a48b4c7e93 to your computer and use it in GitHub Desktop.
Save howtomakeaturn/290057120966900fb21a11a48b4c7e93 to your computer and use it in GitHub Desktop.
Align Facebook Like, Twitter Tweet and Google +1 buttons for 2016
/* This gets Google to fall into place */
.social {
font-size: 1px;
}
/* This gets Facebook to fall into place */
.social iframe {
vertical-align: bottom;
}
/* Set an optional width for your button wrappers */
.social span {
display: inline-block;
width: 110px;
}
/* Adjust the widths individually if you like */
.social .google {
width: 75px;
}
<div class="social">
<span class="Facebook">
<div class="fb-share-button" data-href="[[ URL ]]" data-layout="button_count"></div>
</span>
<span class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="[[ URL ]]">Tweet</a>
</span>
<span class="google">
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300"></div>
</span>
</div>
@patrik-csak
Copy link

👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment