너비를 설정하지 않고 목록 블록을 가운데에 배치하는 방법은 무엇입니까?

Question

나는 축소되고 커질 수있는 nav 메뉴 인 UL 블록을 다루고 있습니다. 왼쪽에 떠있는 목록 항목으로 가득 차 있으며 길이에 관계없이 사용자 정의됩니다. 고정 너비가 없기 때문에 HTML을 변경하거나 자바 스크립트를 사용할 수 없습니다. 내가 할 수있는 것은 CSS를 추가하는 것뿐입니다. 목록을 정렬하는 가장 안전한 방법은 무엇입니까?

내가 함께해야 할 일의 빠른 예 : http://jsfiddle.net/DCYn2/1/ CSS 만 추가 할 수 있습니다. html, js를 추가하거나 기존 CSS를 제거 할 수 없습니다.

Answer 1

ul을 가운데에 배치하는 가장 간단한 방법은 표 속성을 표로 변경하고 여백을 수정하는 것입니다.

http://tinker.io/c5ff0

ul { 
    border: 1px solid; 
    padding: 0; 
    display: table; 
    margin-left: auto; 
    margin-right: auto; 
} 

li { 
    border: 1px solid red; 
    display: inline-block; 
}