Facebook와 같은 버튼과 트위터 버튼이 같은 라인에 있어야합니다.

Question

저는 페이스 북에 버튼과 트위터 버튼을 같은 라인으로 표시하려고합니다. 아래 코드를 사용하면 내 트위터 버튼이 같은 줄에 있지만 두 번째 줄에 있지는 않습니다. 누군가가이 버튼을 같은 줄에 맞추도록 도와 주시겠습니까? 코드는 다음과 같습니다.

<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> 비 부동 (또는 샘 와이즈 제안처럼, 같은 단락에 넣어).
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>과 트위터에 FB 스크립트를 넣습니다.

2. 플로트 트위터 DIV의 왼쪽 (div style="float:left;")

3. 당신의 다음 내용 또는 선이 div style="vertical-align:bottom;" 시작해야이 (div style="float:right;")

4. 플로트 같은 FB div의 오른쪽 하단 의 내용을 배치하기 지저귐 div의.