여백 관련 CSS - padding

여백 관련 CSS - padding

• padding 속성은 콘텐츠 영역과 테두리 사이의 여백을 설정할 때 사용합니다.
• 기본형 : padding-top : < 크기 > / < 백분율 > / auto
  padding-right : < 크기 > / < 백분율 >/ auto
  padding-bottom : < 크기 > / < 백분율 > / auto
  padding-left : < 크기 > / < 백분율 > / auto
  padding : < 크기 > / < 백분율 > / auto
• padding의 속성 값은 margin의 속성 값과 동일하게 크기 값(px 또는 cm), 백분율, auto를 사용합니다.

padding : 5px 30px 5px 30px

padding : 20px 30px

padding : 40px

<style>
    div {
        width: 400px; height: 200px;
        border: 2px solid red;
        margin-bottom: 30px;
    }
    .exam1 h3 {padding: 5px 30px 5px 30px;}
    .exam2 h3 {padding: 20px 30px;}
    .exam3 h3 {padding: 40px;}
</style>