float:left 일 때 요소 가운데 정렬하기

 

.wrap{text-align:center;}
.wrap ul{display:inline-block; *display:inline; zoom:1;}
.wrap ul li{float:left; margin-left:-1px; z-index:1;}
 
 

자식에 display:inline-block 을 주면 됨

 

 

li의 갯수가 바뀔 때 유동적으로 가운데 정렬이 된다.