css 공부 : 가운데 정렬하는 방법 (기본)

가로 정렬

HTML 코드

  <div class="box">
    <div class="inner">콘텐츠 내용</div>
  </div>

CSS 코드

.box {
  width: 1200px;
}

.box .inner {
  width: 600px;
  margin: 0 auto;
}

설명

- 부모의 width 값 작성합니다.
- 자식한테 width 값 주고 싶은 만큼 주고 margin: 0 auto; 작성하면 가운데 정렬이 됩니다.