Margin auto

div {
  background-color: yellow;
  margin-bottom: 20px;
}
.has-width {
  width: 150px;
}
.center {
  margin: 20px auto;
}

블록요소에서 너비를 주면 더이상 늘어나지 않으며, margin에서 auto를 주면 요소를 가운데로 지정할 수 있습니다.

Assignment

1. index.html 에 <p> 태그를 추가하고 내용은 아무거나 작성해주세요.

   <p>아무거나</p>

2. index.html 에서 추가된 요소에 가로를 100px 으로 지정해주세요.

   p {
     width: 100px;
   }

3. margin 의 왼쪽, 오른쪽에 auto 값을 주어서 가운데로 오는지 확인해주세요.

   p {
     width: 100px;
     margin: 0 auto;
   }