Div 내의 Div를 중앙에 정렬

홈페이지를 전체 공통으로 div로 싸고 진행하지 않으니 모바일에서 볼때 가운데 정렬에 문제가 있었다

아래의 방식으로 out으로 body바로 아래에 width: 100%; 넣고 그 안에 in으로 생각하는 기본 가로길이를 설정해 놓고

out 은 text-align : center;    in은 display : inline-block; 을 설정하면 전체 가운데 정렬은 기본적으로 갖추고 시작할 수

있다.

다만 모바일에서 봤을때 div 에 style로 넣어줘야 적용될 때가 있다. 쿠키때문은 아닌것 같던데 왜그런지는 모르겠다.

#out {
 width: 100%;
 text-align: center;
 }
#in {
 display: inline-block;
 }

<div class="out">
    <div class="in">
        
    <div>
    
</div>