Align Facebook Like, Twitter Tweet and Google +1 buttons

social-sharing-alignment.html

<div class="social">
	<span class="twitter">
		<a href="http://twitter.com/share" class="twitter-share-button" data-url="[your-url-here]">Tweet</a>
	</span>
	<span class="google">
		<g:plusone size="medium" href="[your-url-here]"></g:plusone>
	</span>
	<span class="Facebook">
		<iframe src="https://www.facebook.com/plugins/like.php?href=[your-url-here]&amp;show_faces=false&amp;layout=button_count" scrolling="no" frameborder="0" style="height: 21px; width: 100px" allowTransparency="true"></iframe>
	</span>
</div>

social-sharing-allignment.css

/* This gets Google to fall into place */
.social {
	font-size: 1px;
}

/* This gets Facebook to fall into place */
.social iframe {
	vertical-align: middle;
}

/* 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;
}

For ppl who have issue with new version facebook like/share button, try this

    /* This gets Facebook to fall into place */
    .social iframe {
        vertical-align: bottom;
    }

Guys, if you meet issues in 2016, try this

<style>
    /* 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;
    }

</style>

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

https://gist.github.com/howtomakeaturn/290057120966900fb21a11a48b4c7e93