css - 如何将 G+ 按钮和 facebook like 按钮对齐在同一行？

Question

我对 html 和所有爵士乐还很陌生，所以我可能会滥用某些代码。

我想将 G+1 按钮和 facebook 之类的按钮并排放置，并在我主页上的图像正下方居中。

这是我的网站 www.entitee.org以及适当的代码块(我希望如此)

<div class="socialmedia">
<div style="float:left; padding-left:400px;">
<div id="gplus"></div><g:plusone count="false"></g:plusone>

<div style="width:47px;overflow:hidden;float:right;">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=137562953001123&amp;xfbml=1"></script>
<fb:like layout="button_count" href="http://www.facebook.com/pages/ENTiTEE/162658567144308" send="true" width="225" show_faces="false" action="like" font=""></fb:like>
</div>
</div>
</div>

我不确定我是否滥用了 div 样式或 div 对齐元素，但我似乎无法通过填充或其他方式获得它。

谢谢!

Answer 1

我用的是G+1 medium size，我在css里加了这段代码。它将 facebook、twiter 和 google +1 对齐在同一行。

#___plusone_0, #___plusone_0 iframe {
 display:inline !important;
 height:23px  !important;
}