Выравнивание кнопок 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>