div 내에 자동으로 공백 목록을 만드는 방법

Question

위로 가기 이러한 탭이있는 웹 사이트에서 나는 div 안에 자동으로 간격을 둡니다. 그 이유는 탭 아래에있는 div가 테두리가 테두리에 있어야한다는 것입니다. 내가 말하는 것에 대해 아래의 jsfiddle를 보아라. 현재 모두 간격을 띄워 놓았지만이 사이트의 특성상 탭의 단어가 바뀌어 제 간격이 잘못되었습니다. 어떻게하면 자동으로 내 div의 안쪽에 간격을 둘 수있어서 아래에있는 div와 일렬로 정렬되도록 모든 개별 패딩을 고칠 필요가 없습니까?

http://jsfiddle.net/g7c5X/

Answer 1

은 다음과 같이 당신의 CSS 뭔가에 추가하여 달성 할 수 있어야한다 :

#navMenu ul {display:table; width:100%} 
    #navMenu li {display:table-cell} 

내가 IE의 이전 버전이 기억할 수없는 표시 형식을 무시할 수 있습니다 생각합니다. 다른 옵션은 마진을 계산하는 자바 스크립트입니다.