margin, padding 정리

padding 테두리 사이의 여유공간

margin 요소주위 여백 (테두리 밖의 공간)

한 줄에 쓰는 법

1. margin: 시계방향;(상 우 하 좌)으로 써주면 된다.



2. margin: 50px; 

모든 방향 값이 똑같이 지정된다.



3. margin 50px 25px;

상하 50px, 좌우 25px로 적용된다.


4. margin 가운데 정렬

border: 1px solid blue;
width: 500px;
margin-left: auto;
margin-right: auto;

왼쪽, 오른쪽 auto를 하게 되면

좌우 자동계산이 된다.


상하 마진0인 상태에서 하려면

margin: 0 auto;

하게 되면 상하0에 좌우는 자동 조정된다.