Как выровнять по горизонтали кнопки социальных сетей?

Question

Я видел несколько сайтов, где эти social share buttons выглядят идеально выровненными по горизонтали. Примите во внимание, что многие из этих кнопок являются iframe.
Вот моя текущая болезненная ситуация:

Answer 1

Измените margin-top в ваших фреймах (или элемент div над ним) на отрицательные значения, чтобы они выровнялись.Используйте метод проб и ошибок, как только вы определите правильный elemtn, пока не получите правильное значение, например, используя следующий HTML:

<div id="twitter">
  <iframe/>
</div>
<div id="facebook">
  <iframe/>
</div>
<div id="digg">
  <iframe/>
</div>

CSS будет выглядеть примерно так:

div#facebook 
{
  margin-top:-5px;
}
div#digg 
{
  margin-top:-10px;
}