ul, li 가운데 정렬

보통 가운데 정렬 할때 margin:0 auto; -> 가로크기를 고정으로 해야한다는 단점.

유동적으로 하고 싶을 때의 방법

text-align: center; display: inline-block; 사용

<img> 태그가 text-align 속성이 먹히는 이유-> inline-block 속성을 가진 태그이기 때문.

즉 text-align 은 텍스트와 inline-block 속성을 가진 태그들을 정렬.

* 해결 ul을 감싸는 wrap { text-align: center } ul { display: inline-block; }

출처 http://kkotkkio.tistory.com/37