Facebook的按钮和微博按钮需要在同一行

Question

我想让我的Facebook像按钮和微博按钮排队在同一行。使用下面的代码，我的twitter按钮不是完全在同一行上，但也不在第二行上。有人可以帮助我在同一条线上对齐这些按钮。下面是代码：

<p> 
<div class="fb-like" data-href="http://www.facebook.com/gbhuffington" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" style=" width: 200px; clear: none; float: left; "></div> 
</p> 
<p style="width: 200px; float: left; clear: none;"> 
<a href="https://twitter.com/GBHuffington" class="twitter-follow-button" data-show-count="false">Follow @GBHuffington</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> 
</p> 

Answer 1

首先不要把它们放在单独的段落中。

Here they are displaying inline for you.

Answer 2

1. 你飘来<p>应该之前编码非浮置<p>（或把它们放在同款，像Samwise建议）。
2. 从您的<div class="fb-like">标记中删除data-width属性（在很多情况下，无法将任何东西放在同一行上）。

如下：

<p style="width: 200px; float: left; clear: none;"> 
    <a href="https://twitter.com/GBHuffington" class="twitter-follow-button" data-show-count="false">Follow @GBHuffington</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> 
</p> 
<p> 
    <div class="fb-like" data-href="http://www.facebook.com/gbhuffington" data-send="true" data-layout="button_count" data-show-faces="true" style="clear: none; float: left;"></div> 
</p> 

Answer 3

1. 把FB脚本在<div>和Twitter在一个单独的DIV。

2. 浮动像这样（div style="float:right;"）

3. 浮动的FB格右侧的Twitter DIV左（div style="float:left;"）

4. 你的下一个内容或行应该与div style="vertical-align:bottom;"开始放置在底部 内容的Twitter部分。