[CSS] 가운데 정렬 (text-align, margin)

 

 

text-align : center는

자손뿐 아니라 후손까지 모두 center라서 블록 모양뿐 아니라 속에 담긴 글짜까지 모두 가운데 정렬된다.

 

따라서 보통의 경우

 

 

margin: 0 auto 를 사용한다.

상->우->하->좌 시계방향 순서대로 숫자 4개가 나열되나

0은 상하 0, 좌우 auto 로 마진을 두어 가운데 정렬이 되게하는 방법이다.

 

매우 자주사용.

0 auto=> 상단, 하단 여백 X

auto => 좌측과 우측의 여백을 자동으로(auto) 부여

 

text-align: center

margin: 0 auto