w3.css
센터 웹사이트
CSS를 사용하여 웹사이트를 수평으로 가운데 정렬하는 방법을 알아보자.
웹사이트를 중앙에 배치하는 방법
가운데 정렬하고자하는 컨테이너 요소를 사용하고 max-width를 설정한다. 많은 웹사이트에서 사용하는 일반적인 너비는 960px입니다. 실제로 페이지를 중앙에 배치하려면 margin: auto를 추가한다.
다음 예제는 500px보다 넓은 화면에서 웹사이트를 중앙에 배치한다. 너비가 500px 미만인 화면에서는 페이지 전체에 걸쳐 표시된다.
예제
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
기본 예시
예제 보기참고
W3C School - Center Website