余白（padding,marginの違い）

<p class="text">ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。</p>

.text {
  width: 600px;
  border: 1px solid #000;
  padding: 20px;
  margin: 20px;
  background-color: #ccc;
}