CSS Padding Navigation

Question

좋아, 내가 만들고있는 웹 사이트의 헤더를 만들려고 시도하고 있지만 최상위 수준의 탐색을 위해 일부 링크를 채우는 데 약간의 문제가 있습니다.

기본적으로 나는 긴 링크 이름이 있으면 다른 링크와 겹칩니다. 이것이 너비와 관련이 있다고 생각하지만 어떻게 고칠 수 있는지 잘 모르겠습니다. 링크에서 각 텍스트를 이전과 60px 떨어져서 만들고 싶기 때문에 고정 된 너비의 링크를 만들고 싶지 않습니다.

HTML :

<nav id="top_navigation"> 
    <a href="#">Home</a> 
    <a href="#">Example1</a> 
    <a href="#">Longtextjustbecause</a> 
    <a href="#">Testpage3thingy</a> 
</nav> 

CSS :

#top_navigation a { 
display: inline-block; 
height: 60px; 
color: #3b3b3b; 
font-family: Hero; 
font-size: 26px; 
text-decoration: none; 
line-height: 60px; 
padding: 0px 30px; } 

어떤 도움이 크게 감사합니다, 감사합니다!

Answer 1

그래, 내가 웬일인지 그 글꼴을 사용 했어. 어떤 상황에서도 패딩을 좋아하는 것처럼 보이지 않습니다.