[HTML, CSS] 가운데(중앙) 정렬

이번에 심리테스트 웹을 제작하며 사용한 중앙정렬이다.

margin: 0 auto;

 

margin

좌 우 위 아래 여백을 의미한다.

 

 

margin: 0

그 여백을 지정하지 않는다는 뜻이다.

 

 

margin: 값

좌 우 위 아래 "값" 만큼 여백을 지정해준다.

 

 

margin: 값 auto

위 아래에 "값" 만큼의 여백을 주고 좌우의 여백은 자동으로 중앙에 정렬된다.

 

 

margin: 0 auto

위 아래에 여백을 주지 않고 좌우의 여백을 자동으로 중앙 정렬한다.