padding

by rootjang

HTML

<!DOCTYPE html>
<html lang="ko-KR">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="box1">패딩이란 콘텐츠 영역과 테두리 사이의 여백을 말합니다.</div>
   <div class="box2">패딩이란 콘텐츠 영역과 테두리 사이의 여백을 말합니다.</div>
    <div class="box3">패딩이란 콘텐츠 영역과 테두리 사이의 여백을 말합니다.</div>
</body>
</html>

CSS

div {
  width: 200px;
  background: #0094ff;
  display: inline-block;
  margin: 15px;
  color: white;
}

.box1 {
  padding: 10px 30px 10px 30px;
}

.box2 {
  padding: 10px 30px;
}

.box3 {
  padding: 10px;
}