li에 float:left 속성 주고 가운데 정렬하기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

보통 li는 inline-block 속성을 사용하면 약간의 여백이 생기는데, 이 문제가 귀찮아서 float:left 속성을 많이 사용합니다.
하지만 float:left 속성을 주면 가운데 정렬이 되지 않습니다.
이럴때 사용하는 방법입니다.


<style>
.txt_btn {text-align:center;}
.txt_btn ul {display:inline-block; *display:inline; zoom:1;}
.txt_btn ul li{float:left; margin-left:-1px; z-index:1;}
</style>



참고자료
http://noey424.tistory.com/39