Tumblrでソーシャルメディアボタンを水平に整える

Question

ブログにlikeボタンとtweetボタンを追加しましたが、それぞれの投稿の後に水平に整列させる方法がわかりません。私がしようとしているのは、tweetボタンを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/