div가운데 정렬

from 네이년 지식인

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10501&docId=107609141&qb=ZGl2IOqwgOyatOuNsCDsoJXroKw=&enc=utf8&section=kin&rank=1&search_sort=0&spq=0&pid=g68XDwoi5UNssunamMCsss--147575&sid=TK8ulzLerkwAACPFhMs

<div style="height:200px; margin:0 auto; border:1px solid #000000;text-align:center">

  <div style="width:500px; border:1px solid #000000;">test</div>

</div>

안먹히는 이유는!! 아주 간단합니다.

부모 div에 margin:0 auto;를 아무리 줘도 소용이 없습니다.
이유는 부모 div에 width값이 없기 때문이죠.
자식 div에 margin:0 auto;를 줘보세요.

수정된 코드는 아래와 같습니다.

<div style="height:200px; border:1px solid #000000;text-align:center">

  <div style="width:500px; margin:0 auto; border:1px solid #000000;">test</div>

</div>