[CSS] margin과 padding

Box Model의 margin과 padding의 차이에 대해 알아보자.

Chrome의 개발자 도구를 열어 Box Model을 살펴보면, 위와 같은 모습을 나타낸다.

가장 안쪽에 Object (또는 Content)가 있고, 그것의 테두리인 border의 안쪽 공간을

padding이라고 한다.

반대로, 그것의 테두리인 border의 margin을 margin이라고 한다.