Facebookなどのアイコンが縦に

Question

を揃っていない、それはページの本体ではなく、それはテキストの残りの部分よりも高く表示されるナビゲーションバー内のテキストを整列します。私は相対的な位置を下げることでこれを解決することができましたが、これはページのモバイル版ではそれを低く表示します。

私はそれが私は、デスクトップとモバイルでのテキストの両方に沿った要素を表示することができます欠けている簡単な解決策はありますか？ My site can be found here、それが役立つ場合。ありがとうございました！

編集：ここでは、固定位置のボタンのコード例は：

<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; 

    }