Facebook Like 圖標未垂直對齊

Question

將facebook like 按鈕添加到我的頁面時，它會與頁面正文中的文本對齊，但不會與導航欄對齊，導航欄會比其余文本顯示得更高。 我能夠通過降低它的相對位置來解決這個問題，但這會導致它在頁面的移動版本上顯示得更低。

是否有一個我缺少的簡單解決方案可以讓我在桌面和移動設備上顯示與文本一致的元素？ 我的網站可以在這里找到，如果有幫助的話。 謝謝！

編輯：此處為固定位置按鈕的代碼示例：

<ul class="nav navbar-nav navbar-right">
                    <li><span style="position:relative; top:15px" class="fb-like" data-href="https://www.facebook.com/WarsofLiberty/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false" data-colorscheme="light"></span>
                    <li><a href="index.html"><span>Home <span class="border"></span></span></a></li></li>
                </ul>

Answer 1

這應該有效。

.fb-like {
    vertical-align:middle;
    line-height: parent height;

    }