아이콘 이미지가 컨테이너 상단에 정렬되는 이유는 무엇입니까? (웹 페이지 링크)

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