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

Question

我成功地将喜欢和推特按钮添加到了我的博客，但我不确定如何在每个帖子之后水平对齐它们。我想要做的就是把按钮放在Facebook的按钮旁边，所以它很好，很整齐。最后我想添加G +按钮。

我的博客是www.thoughtsrandom.com

任何帮助将不胜感激。

这是代码。我把{/块：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> 

Answer 1

检查下面的小提琴和设置元素根据自己的需要，你可以很容易地做到这一点，没有任何麻烦。

小提琴：HTTP：//jsfiddle.net/pVaLL/1/

演示：http://jsfiddle.net/pVaLL/1/embedded/result/