Sur mon site je souhaiterai disposer en ligne 3 boutons de réseaux sociaux (Facebook, Google +1 et twitter).
J'ai réussi à disposer les 2 premiers mais malheureusement impossible d'aligner le 3ième. A chaque fois il se met sur la ligne du dessous.
Comment faire? J'ai tenté de créer une div class="container" mais ça ne marche pas.

Voici mes codes:
Code html dans overall_header:
<div class="container"><!-- start of container -->
<div class="fb-like" data-href="http://www.monsite.com/" data-layout="button_count" data-width="100"></div>
<div class="g-plusone" data-size="medium" annotation="bubble"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Mon texte" data-count="horizontal" data-via="Cpamania" data-lang="fr">Tweeter</a>
</div><!-- end of container
Code css dans button.css:
/* Boutons Google facebook twitter */
.container {width:100%;}
.fb-like,.g-plusone { float:left; width:90px;}
.twitter-share-button { padding:0 0 0 160px;}
Merci par avance pour votre aide.