Margin & Padding

• 마진과 패딩은 여백을 조절하는 요소로, 마진은 테두리 바깥여백을 의미하고
  패딩은 테두리 안쪽 여백을 의미합니다.
• 너비는 양쪽 패딩 + 양쪽 테두리 + 요소의 너비로 구합니다.

Margin

p.example {
  margin: 50px; /* margin: 50px 50px 50px 50px;과 같은 의미*/
  /* 위 오른쪽 아래 왼쪽 으로 구성*/
}

padding

p.example {
  padding: 50px; /* padding: 50px 50px 50px 50px;과 같은 의미*/
  /* 위 오른쪽 아래 왼쪽 으로 구성*/
}