<!--tecnica di allineamento dei pulsanti social-->

<div class="social">
    <span class="twitter">
        <a href="http://twitter.com/share" class="twitter-share-button" data-url="https://gist.github.com/thebigreason/1296097">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>
    </span>
    <span class="google">
        <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
        <g:plusone size="medium" href="https://gist.github.com/thebigreason/1296097"></g:plusone>
    </span>
    <span class="Facebook">
        <iframe src="https://www.facebook.com/plugins/like.php?href=https://gist.github.com/thebigreason/1296097&amp;show_faces=false&amp;layout=button_count" scrolling="no" frameborder="0" style="height: 21px; width: 100px" allowTransparency="true"></iframe>
    </span>
</div>

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