margin과 padding

margin과 padding 차이점

 

margin = 바깥 여백

padding = 안쪽 여백

 

확인을 위해 div 영역의 크기를 240px로 지정, 배경색상을 녹색으로 표기했다

 

margin-left를 40px 주었을 때

시작점으로부터 왼쪽에서 40px 떨어진 위치에서부터 240px 만큼 영역이 그려짐

 

 

padding-left를 40px 주었을 때

시작점으로 부터 0px만큼 떨어진 위치에서 40px만큼 그려지고, 그 위치에서 부터 또 240px만큼 영역이 그려짐