보통 가운데 정렬 할때 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; } |
