FacebookのボタンやTwitterボタンなどは、私が同じライン上のボタンやTwitterボタンラインアップのように私のFacebookを持つようにしようとしている同じ行

Question

にする必要があります。以下のコードでは、私の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. を別のdivの中<div>やTwitterにFBスクリプトを入れてください。

2. フロートFB divの右この（div style="float:right;"）

3. フロートのようなさえずりのdiv左（div style="float:left;"）

4. あなたの次のコンテンツや線が下 にコンテンツを配置するdiv style="vertical-align:bottom;"で始まる必要がありますtwitter divの