Aparición de espacio en blanco entre párrafos
Publicado por Israel (11 intervenciones) el 08/04/2020 19:02:03
Aparece un espacio en blanco entre el segundo y tercer párrafo (párrafos con id="parrafo2" e id="parrafo3"). He comentado varias partes del código CSS y HTML pero el espacio se mantiene.
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!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:''; }
.html{
font-size: 16px;
} body {font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
color: #333;
background-color: #fff;
} h1 {color: #0B0B61;
font-size: 5rem;
background-color:red;
margin: 0px; padding: 0px; } #parrafo1{font-weight:normal;
} #parrafo2{font-weight:lighter;
} #parrafo3{font-weight:bold;
} #parrafo4{font-weight:700;
}</style>
</head>
<body>
<h1>
Hola campeón!</h1>
<br>
<p id="parrafo1">
Esto es una prueba para ver el funcionaaaaaamiento de la propiedad</p>
<p id="parrafo2">
Esto es una prueba para ver el funcionaaaaaamiento de la propiedad</p>
<p id="parrafo3">
Esto es una prueba para ver el funcionaaaaaamiento de la propiedad</p>
<p id="parrafo4">
Esto es una prueba para ver el funcionaaaaaamiento de la propiedad</p>
</body>
</html>
Valora esta pregunta
0