Html 在Tumblr上水平对齐社交媒体按钮

我成功地将like和tweet按钮添加到了我的博客中，但我不确定在每篇文章之后如何水平对齐它们。我想做的是把tweet按钮放在facebook按钮的左边，这样它就很漂亮很整洁了。最后，我还想添加G+按钮

我的博客是www.thoughtsrandom.com

在此方面的任何帮助都将不胜感激

这是代码。我放在{/block:PostNotes}后面

<div id="fb-root"></div>

<script>(function(d){

var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}

js = d.createElement('script'); js.id = id; js.async = true;

js.src = "//connect.facebook.net/en_US/all.js#appId=236186013100076&xfbml=1";

d.getElementsByTagName('head')[0].appendChild(js);

}(document));</script>

<div class="fb-like" data-href="{permalink}" data-send="true" data-width="450" data-show-  faces="true"></div>

<a href="https://twitter.com/share" class="twitter-share-button" data-via="nhuntzinger">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))    {js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

（职能（d）{
var js，id='facebook jssdk'；if（d.getElementById（id））{return；}
js=d.createElement（'script'）；js.id=id；js.async=true；
js.src=“//connect.facebook.net/en_US/all.js#appId=23618601310076&xfbml=1”；
d、 getElementsByTagName（'head'）[0].appendChild（js）；
}（文件）；
!函数（d，s，id）{var js，fjs=d.getElementsByTagName（s）[0]；if（！d.getElementById（id））{js=d.createElement（s）；js.id=id；js.src=“//platform.twitter.com/widgets.js”；fjs.parentNode.insertBefore（js，fjs）；}（文档，“脚本”，“twitter wjs”）；

检查下面的小提琴，并根据需要设置元素，您可以轻松完成这项工作，而无需任何麻烦

小提琴：http://jsfiddle.net/pVaLL/1/

---

演示：

通过更改元素的宽度和位置，您可以非常轻松地完成此操作。让我为演示添加G+按钮。感谢您的回复。路线是正确的；但是，按钮本身不再起作用。另外，当我喜欢一个按钮时，我的其他帖子也很受欢迎。我只是从你上面提到的网站复制你的代码来向你展示演示，我没有真正的代码，这就是为什么我用小提琴向你展示演示，以便你可以根据需要查看和开发。谢谢。正如你所知，我对这一点还不熟悉。