margin, padding 차이

margin과 padding 속성은 border 을 경계로 각각 바깥쪽 여백, 안쪽 여백을 의미합니다.
width, height 속성과 마찬가지로 숫자 뒤에 단위를 표시하여 적습니다.

• margin: 30px 10px은 상하 30px, 좌우 10px을 의미합니다.
• margin: 30px 10px 40px은 위 30px, 좌우 10px, 아래 40px을 의미합니다.
• margin:100px auto; -> 100px은 위 아래 여백이 되고 좌우 여백은 균등하게 분배되 element가 정중앙에 배치된다.

- margin:0 auto; margin:0 auto;는 위아래 여백 없이 가로 중앙에 배치되는 가장 기본적인 서식