[CSS] 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>

<div class="txt_btn">
    <ul>
        <li>하나</li>
        <li>두울</li>
    </ul>
</div>


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