간혹 페이지를 만들다가 콘텐츠를 전부 중앙 정렬하고 싶어했으나 CSS rule에 의해 잘 안되는 경우가 있는데, 이 경우에 중앙 정렬을 쉽게 하고 싶다면 body의 모든 태그를 div태그로 묶은 후 이 태그에 width 및 margin을 설정해주면 쉽게 모든 콘텐츠를 정렬할 수 있다.
<body>
<div>
.
.
.
</div>
</body>
이렇게 묶은 후 CSS스타일링으로
div{
width: 1000px;
margin: 0 auto;
}
width와 margin을 설정하면 된다.
뭔가 간단하지만 이전에는 생각하지 못하던 방법이라서 정리.