D. Relleno (padding)

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

1<!DOCTYPE html>
2<html lang="es">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport"
6 content="width=device-width">
7 <title>Relleno</title>
8 <style>
9 h1 {
10 padding-top: 0.5rem;
11 padding-left: 1rem;
12 padding-bottom: 1.5rem;
13 padding-right: 2rem;
14 background-color: cyan;
15 }
16
17 p {
18 padding: 0.5rem 2rem;
19 background-color: yellow;
20 }
21
22 div {
23 padding: 1rem;
24 background-color: red;
25 }
26
27 footer {
28 padding:
29 0.5rem 1rem 3rem 2rem;
30 background-color:
31 yellowgreen;
32 }
33 </style>
34</head>
35<body>
36 <h1>Relleno</h1>
37 <p>Párrafo</p>
38 <div>Div</div>
39 <footer>Footer</footer>
40</body>
41</html>
skip_previous skip_next