링크가 인라인이 아니기 때문에 링크가 자신의 div입니까?

Question

링크 중 하나를 넣을 때까지 링크가 모두 수평으로 정렬되었습니다. 연결되는 페이지에있을 때 색상을 변경하려면 자체 div가 필요합니다.

이제 나는 그에게 줄을 서서 갈 수 없습니다.

<div class="navigation"> 
    <a href="./productions.html">Mes productions</a> 
    <a href="./DJ.html">DJ</a> 
    <a target="_blank" href="./CV.pdf">Mon CV</a> 
    <div id="contact"> 
    <a href="./contact.html">Me contacter</a> 
    </div> 
</div> 

.navigation { 
    padding: 40px 0px; 
    position: relative; 
    text-align: center; 
    width: 100%; 
    font-size: 30px; 
} 

.navigation a { 
    background: black; 
    border: 1px solid grey; 
    border-radius: 7px; 
    color: white; 
    display: inline-block; 
    margin: 100px 35px; 
    padding: 14px; 
    text-decoration: none; 
    opacity: 0.75; 
    font-family: impact; 
} 

.navigation a:hover { 
    background: white; 
    border: 1px solid black; 
    color: black; 
} 

#contact a { 
    background: white !important; 
    color: black !important; 
    display: inline-block !important; 
} 

Answer 1

당신은 #contact에 display: inline-block하지 #contact a 설정해야합니다.