본문 바로가기

DHTML/CSS/META

float:left를 대체할 수 있는 display:inline, inline-block


float:left를 대체할 수 있는 display:inline, inline-block 

float:left 가 들어간 선택자는 text-align:center (center정렬)가 적용되지 않는다. 

해결방법

상위 선택자 text-align:center를 넣고,
하위 선택자 중 , 좌측 정렬 되어야 할 선택자에 display:inline 을 적용,
우측 정렬 되어야 할 선택자에 display:inline-block 을 적용시키면 해결된다.


원본출처 : http://girlisbee.blog.me/130094911019