가로 목록 문제

Question

vh 또는 vw 또는 패딩에 대한 백분율을 사용하는 가로 목록을 만들려고합니다. 그래서 js가없는 창으로 자동 조절됩니다. 이전 버전과의 호환성에 대해서는 크게 걱정하지 않습니다. 그러나 내가 할 때마다 목록 항목 사이에는 항상 간격이 있습니다.

http://jsfiddle.net/P3f7P/

이에 대한 해결책이 있습니까?

Answer 1

그냥 링크에 display: block를 추가 - 트릭을 dd는 DEMO

ul#topMenu li a:link, #topMenu li a:link { 
    color: #7C7C7C; 
    text-decoration: none; 
    background: #252525; 
    border-right: 1px solid #313131; 
    padding: 1vh 2vw; 
    text-shadow: 1px 1px #000; 
    font-size: 2vw; 
    display: block; 
}