[CSS] margin: 0 auto;

margin: 0 auto;

수평 중앙 정렬을 하기 위한 css 속성

 

margin은 요소 가장 바깥쪽 여백을 지정하는 속성인데

margin의 속성값은 margin-top, margin-right, margin-bottom, margin-left 4개의 값이 있다

가장 많이 사용하는 속성인 margin: 0 auto; 은 

margin-top, margin-bottom (상, 하) 을 0으로 지정하고

margin-left, margin-right (좌, 우) 을 웹 페이지 px에 따라 자동으로 계산하여 요소를 수평 중앙에 배치한다

auto 값을 주면 해당 요소를 수평으로 가운데 정렬하기 위해 사용 가능한 공간을 2등분하여 좌우에 동일한 값을 자동으로 할당한다