Problema con el margen respecto de <div>
Publicado por Israel (51 intervenciones) el 11/04/2020 00:39:23
Tengo tres <div> anidados y en el más interno de ellos un párrafo.
Por qué al generar un margen de 20 px en los cuatro lados este se genera horizontalmente respecto del <div> de nivel superior pero no verticalmente?
Nota: La primera parte de la hoja de estilo interna corresponde con un CSS reset.
Un saludo
Por qué al generar un margen de 20 px en los cuatro lados este se genera horizontalmente respecto del <div> de nivel superior pero no verticalmente?
Nota: La primera parte de la hoja de estilo interna corresponde con un CSS reset.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hola Alumnos</title>
<style>
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
padding: 0; margin: 0;font-size: 100%;
font-weight: normal;
}table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
body{background-color:rgba(66,66,66,1);
font-family:"Times New Roman";
}/*GRIS*/
#divExterno{background-color:rgba(255,0,0,0.1);
}/*ROJO*/
#divMedio{background-color:rgba(1,223,1,1);
}/*VERDE*/
#divInterno{background-color:rgba(0,0,255,1);
margin:20px 20px;}/*AZUL*/
p{font-size:150px;
}</style>
</head>
<body>
<div id="divExterno">
<div id="divMedio">
<div id="divInterno">
<p>Hola Tijuana</p>
</div>
</div>
</div>
</body>
</html>
Un saludo
Valora esta pregunta
0
