Box모델 margin, padding으로 여백 주기

Box모델은 태그에서 css로 속성을 주어 여백을 변경할 수 있습니다.

margin : 외부 여백으로써 다른 요소와의 간격을 주는데 사용합니다.
border : 외곽선으로써 선두께, 선종류, 선색상 등을 설정할 수 있습니다.
padding : 내부 여백으로써 border와 content 사이의 여백을 말합니다.
content : 태그가 가지는 내용으로써 태그에 따라 이미지나 텍스트 등이 될 수 있습니다. 또한 다른 요소가 포함될 수 있습니다.

간단하게 중앙정렬하는 방법

block요소의 중앙정렬을 위해 margin 값을 0 auto를 주면 좌우 여백이 자동으로 계산되어 중앙정렬을 할 수 있니다.
이때 해당 요소의 width값을 가지고 있어야 합니다.

div{width:1200px; margin:0 auto}

 

글자 중앙정렬하는 방법

글자를 중앙정렬하려면 text-align:center하면 됩니다.
하지만 세로 중앙정렬을 하려면 여러 방법이 있지만 line-height 값을 주어서 하는 방법도 있습니다.

p{text-align:center; line-height:30px}