비슷한 듯 다른 margin과 padding을 알아보자.
content와 border 사이의 여백 , Object내의 내부여백
Border 바깥쪽을 차지 , Object와 화면과의 여백(외부여백)
시계방향(위, 오른쪽, 아래, 왼쪽) 순서
margin: 10px 5px 10px 5px
첫번째 값: top, bottom
두번째 값: right, left
margin: 10px 5px
위, 오른쪽, 아래, 왼쪽 모두 같은 값 적용
1개 속성만 사용할 경우, 안쪽여백이 변경됨
padding: 20px
위, 오른쪽, 아래, 왼쪽 중 하나에만 값을 부여하고 싶은 경우, 방향을 명시해줌.
margin-right: 20px, padding-top: 10px
auto를 이용한다. margin만 auto값 사용 가능
margin: auto