yerleşimi ve google + düğmeleri satır içi?

Question

Bu iki düğmeyi bir sayfada hizalayacak herhangi bir hile var mı? Varsayılan olarak, facebook benzeri düğmenin iframe sürümü, google plus düğmesinin altında veya tam tersi olarak görünür. Onları satır içi tutmak için herhangi bir css hile var mı?

Bu benim şimdiki girişimi

<div style="float:left;width:100px;"> 
    <!-- Place this tag where you want the +1 button to render --> 
    <g:plusone></g:plusone> 

    <!-- Place this tag after the last plusone tag --> 
    <script type="text/javascript"> 
     (function() { 
      var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
      po.src = 'https://apis.google.com/js/plusone.js'; 
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
     })(); 
    </script> 
</div> 
<div style="float:left;width:auto;"> 
    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fmy_site&amp;layout=button_count&amp;show_faces=false&amp;width=350&amp;action=like&amp;font=lucida+grande&amp;colorscheme=light&amp;height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe> 
</div> 

Answer 1

liste halinde koyun - burada ben yapılması ne (jsp bahane)

<ul class="like-buttons"> 
<li class="g-plus-one"> 
    <g:plusone count="false"></g:plusone> 
</li> 
<li class="twitter-like"> 
    <a href="http://twitter.com/share" class="twitter-share-button" data-url="<%= url %>" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 
</li> 

<li class="fb-like"> 
    <iframe src="http://www.facebook.com/plugins/like.php?href=<%= facebookUrl %>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=dark&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px; color:#fff!important;" allowTransparency="true"></iframe> 
</li> 

Ve css:

ul.like-buttons{ 
float: left; 
list-style: none; 
margin: 5px 0 20px 0; 
padding: 0; 
width: 100%; 
} 

ul.like-buttons li{ 
    display: block; 
    float: left; 
    margin-right: 10px; 
} 
li.twitter-like{ 
    margin-top: 2px; 
} 

Answer 2

Muhtemelen üst div genişliği iki Iframe'ler genişliği bu toplamından daha azdır.

FB iframe'inizin genişliği 350 pikseldir. Ama düğme daha küçüktür.

Answer 3

Bir div ambalajında ​​bunları eklemek zorunda . Ancak, gerçek beni

Kodunuzdaki için aynı hat üzerinde görüntülüyor: http://jsfiddle.net/HbYn3/

Answer 4

aşağıdaki google kullanın artı kaynağını işlemek:

<div style="margin-top: 11px;"><li class='g-plusone' data-size='tall'/></div></div> 

Sen şartı ile marjı ayarlayabilirsiniz. Benim şartımdı. One Click Lyrics India