[CSS] div float 중앙정렬

div float 중앙정렬

날 허우적거리게한 float 너란 녀석...

float 속성을가지고 한쪽에 바짝 붙어서 중앙정렬이 안되는 <li>를 가지고 있는 <div>놈
많은방법들을 뒤적이고 테스트하다가 나온결과는 매우 간단하게 해결이 가능했다는것이지

#test{float:right; position: relative; left: -50%; }
#test li{float:left; position: relative; left: 50%; }

포인트는 이거였어 좌우로 띄우고 여백을 절반으로 주는거;;;
좌우 반대로 띄우는게 포인트였는데

별문제 없이 진행되던 css작업중에 처음보는;; 여튼 역시 작업을 진행할수록 공부가 되는구만