なぜアイコン画像がコンテナの上部に揃うのですか？

Question

同じCSSとソースファイルを使用している他のページと同じように、私のウェブサイトのアイコンが整列していないのはなぜか分かりません。 http://igpmanager.com/account 「ホーム」（ウェブサイトのロゴの下の左上隅）のアイコンを何らかの理由でそのコンテナの上に整列されています。すべてのブラウザで奇妙な動作しているのはここ

です。

しかし、このページでは全く同じHTML/CSSソース（私が知る限り）を共有しています：http://igpmanager.com。ただし、このページの同じアイコンはコンテナの中央に揃えられています。これは/ account URLにも置いておきたい場所です。

この原因は何ですか？私は非常に徹底的に答えを見てきましたが、それを見つけるのに幸運はありませんでした。

Answer 1

が実際にすべてがトップ揃えられ、テキストが下に低下した理由は、あなたのテキストを押し下げますが、行の高さは、画像の位置には影響を与えません

#nav a, #nav a:visited, #nav a:active { 
... 
line-height: 26px; 
... 
} 

を設定しているためです。あなたが行の高さの宣言を削除し、代わりにパディングトップを追加し、

#nav a, #nav a:visited, #nav a:active { 
    display: block; 
    background-color: #33383F; 
    color: #B3B6BF; 
    height: 18px; 
    padding: 4px 12px; 
    text-decoration: none; 
    font-weight: normal; 
    border: 1px solid #4D545F; 
    border-bottom: none; 
    border-radius: 4px 4px 0px 0px; 
    -webkit-border-radius: 4px 4px 0px 0px; 
    -moz-border-radius: 4px 4px 0px 0px; 
    word-wrap: break-word; 
}