Как выровнять кнопки Facebook и Tweet?

Кнопки Facebook и Tweet на нашей домашней странице вертикально смещены, и мы смущены почему. Мы можем выровнять две кнопки, если мы используем Firebug и удалим высоту для кнопки Tweet. Однако высота устанавливается динамически и встроена из твиттера script. Мы не можем переопределить значение высоты.

Здесь главная страница: http://www.panabee.com

Мы делаем что-то неправильно в CSS? Или есть параметр, который нужно установить в кнопке Tweet, чтобы переопределить значение высоты?

Наш единственный вариант - прибегнуть к Twitter iFrame для кнопки Tweet, которую мы предпочитаем не делать.

Спасибо!

Ответ 1

Просто добавьте:

height:63px; для класса FB iFrame в CSS:

Ответ 2

Просто добавьте этот CSS: .twitter-share-button { vertical-align:top }.

Ответ 3

Чтобы решить стиль по умолчанию

    <span style="vertical-align: bottom">

можно зафиксировать, установив

    .fb-like {
        line-height: 0.7
    }

или

    .fb-like span {
        position: relative;
        top: -7px
    }

в вашем CSS