바깥 여백은 웹페이지 상자 바깥의 공간으로, 주변 상자와 거리를 둡니다. 가구 두 점 사이의 간격을 떠올려 보세요. 어느 가구에도 속하지 않지만 서로 너무 가까워지지 않게 합니다.
예를 들어 제목 아래에 바깥 여백을 두면 다음 문단이 제목에 닿지 않습니다. 바깥 여백을 바꾸면 주변 콘텐츠가 더 멀어지거나 가까워집니다.
바깥 여백은 안쪽 여백과 다릅니다. 안쪽 여백은 상자 안에서 콘텐츠를 둘러싸는 공간입니다. 이 차이를 알면 내부 여백은 바꾸지 않고 요소를 옮길 수 있습니다.