TwitterとFacebookのボタンアライメント

Question

コンテキスト

新しいサイトにTwitterとFacebookのボタンを表示したい。

しかし、私はアラインメントに問題があります。

コード

html：

<span id="social"> 
    <a href="https://twitter.com/share" class="twitter-share-button" data-via="guillaumgregoir">Tweet</a> 
    <div class="fb-like" data-href="http://csstooltip.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> 
</span> 

css：

#social { 
    display: inline-block; 
    margin-left: 24px; 
} 

div.fb-like { 
    display: inline-block !important; 
    margin-left: 100px; 
    margin-top: -20px; 
} 

Answer 1

あなたのCSSからマージントップを削除する - しかし、あなたは以下のような浮動小数点数を使用することができます：

<div> 
<div style='float:left;'> 
--put a button here 
</div> 
<div style='float:left;'> 
--put a button here 
</div> 
<div style='clear:both;'> 
</div> 
</div>