HTML [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
하지만 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
댓글목록
등록된 댓글이 없습니다.