I'm trying to center the three "tweet, follow, +1" buttons on my page. They are currently shown on the bottom left. I am trying to center them between my "" text and the other social links on the left. So far I can't get the darn things to move. Any ideas on how to fix this? Thanks.

I currently have:



Code:
.footerTweet { position: relative; text-align:center; align:center;}
.footerFollow { position: relative; text-align:center; align:center;}
.footerPlus { display:inline; text-align:center; align:center;}


Code:
<div class="footerTweet">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://jeffreydowellphotography.com" data-text="Check out --&gt;" data-via="JDP_911">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>
</div>


<div class="footerFollow">
<a href="https://twitter.com/JDP_911" class="twitter-follow-button" data-show-count="false">Follow @JDP_911</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>
</div>


<div class="footerPlus">
<div class="g-plusone" data-size="medium"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>