Alignement horizontal des boutons de médias sociaux sur Tumblr

Question

J'ai ajouté avec succès les boutons J'aime et Twitter à mon blog, mais je ne suis pas sûr de savoir comment les aligner horizontalement après chaque publication. Ce que j'essaye de faire est de mettre le bouton de tweet juste à gauche du bouton de Facebook comme si c'est joli et soigné. Finalement, je voudrais ajouter le bouton G +, aussi.

Mon blog est www.thoughtsrandom.com

Toute aide sur ce serait grandement apprécié.

Voici le code. J'ai placé après {/ 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> 

Answer 1

Vérifiez le violon ci-dessous et définissez les éléments selon vos besoins, vous pouvez facilement sans aucun tracas.

Fiddle: http: //jsfiddle.net/pVaLL/1/

Démo: http://jsfiddle.net/pVaLL/1/embedded/result/