CSS 레이아웃 가로 중앙 정렬

 

오랜만에 웹코딩 공부를 한다. 두근두근. 오늘 배운건 요소의 정렬 방법. 이건 스킨 편집하면서 몇 번 해봐서 조금 익숙하다. 그러나 공부하면서 모르는 부분이 이렇게 많았나 했다. 내가 아는 건 언제나 조금.

div 가로 중앙 정렬

 

가로 중앙 정렬은 margin: auto; 를 쓰면 된다. 실습해보자.

 

 

위 실습 창의 CSS를 보면 text-aline: center; 가 있다. 이건 요소 안의 내용을 중앙 정렬하는 거다.

요소 자체 중앙 정렬과 요소 안의 내용을 중앙 정렬하는 건 잘 구별하자.