요소의 내부 여백을 지정하는 단축 속성
padding: 0; 내부 여백 없음
padding: 10px; px, em, vw 등 단위
% 부모 요소의 가로 너비에 대한 비율로 지정한다.

여백이 생긴 만큼 요소의 크기가 커진다.

시계방향으로 값을 준다.
padding: top,right,bottom,left; -> padding: 10px;
padding: top,bottom left,right; -> padding: 10px 20px;
padding: top left,right bottom; -> padding: 10px 20px 20px;
padding: top right bottom left; -> padding: 10px 30px 30px 20px;

padding-방향 으로 개별 속성을 줄 수 있다.