div 안에 div를 중앙에 정렬하기

div 안에 있는 div를 중앙에 배치하고 싶다면 아래와 같이 하면 된다.

 

-html

<div class='a'>
    <div class='b'>
    </div>
</div>

-css

.a{
 width: 100%; <!-- width는 상황에 맞게 지정 --> 
 text-align: center;
}
.b{
 display: inline-block;
}

 

화면 만들때 중앙에 배치하는게 생각보다 까다로운 것 같다.

심플하게 이 방법을 사용하자.