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