D. Relleno (padding)

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

<!DOCTYPE html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
   content="width=device-width">
 <title>Relleno</title>
 <style>
  h1 {
   padding-top0.5rem;
   padding-left1rem;
   padding-bottom1.5rem;
   padding-right2rem;
   background-colorcyan;
  }

  p {
   padding0.5rem 2rem;
   background-coloryellow;
  }

  div {
   padding1rem;
   background-colorred;
  }

  footer {
   padding:
    0.5rem 1rem 3rem 2rem;
   background-color:
    yellowgreen;
  }
 </style>
</head>
<body>
 <h1>Relleno</h1>
 <p>Párrafo</p>
 <div>Div</div>
 <footer>Footer</footer>
</body>
</html>