Problema con el texto del header
Publicado por [email protected] (17 intervenciones) el 09/04/2017 15:47:17
Necesito que me ayuden a mover el texto del header al centro, ya que esta sobre el borde de la caja del header.
Aquí mando el código html y el código CSS.
Código HTML:
CODIGO CSS:
Aquí mando el código html y el código CSS.
Código HTML:
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<meta name="description" content="página para aprender html"/>
<meta name="keywords" content="html5, css3, Javascript, diseño web"/>
<title>Página de programación</title>
<link rel="stylesheet" href="mihojadeestilos.css"/>
</head>
<body>
<header id="hola">
<h1 id="tipi">Mi Primera Web</h1>
</header>
<nav>
<ul>
<li id="linav">Quiénes somos</li>
<li id="linav">Nuestros Productos</li>
<li id="linav">Contáctanos</li>
<li id="linav">Precios</li>
</ul>
</nav>
<aside>
<blockquote>Primer Elemento</blockquote>
<blockquote>Segundo Elemento</blockquote>
<blockquote>Tercer Elemento</blockquote>
</aside>
<section>
<article>
<header>
<hgroup>
<h2>ISLAS DE LA BAHÍA</h2>
<h3><em>"un lugar en el caribe"</em></h3>
</hgroup>
</header>
<figure>
<img src="verde pasto.jpg"/>
<figcaption>verde pasto</figcaption>
</figure>
<p><mark>Noticia 1</mark></p>
<p>Seguimos hablando de <em>noticia 1</em></p>
<p>Terminamos de hablar de <strong>noticia 1</strong></p>
<footer>
<p>Comentarios de Usuarios</p>
</footer>
</article>
<article>
<header>
<hgroup>
<h2>título noticia 2</h2>
<h3>subtitulo noticia 2</h3>
</hgroup>
</header>
<p><cite>"Juegos del Hambre"</cite></p>
<p>Uno de mis libros favoritos es <cite>Juegos del Hambre</cite>.</p>
<p>Terminamos de hablar de noticia 2</p>
</article>
<article>
<header>
<hgroup>
<h2>título noticia 3</h2>
<h3>subtitulo noticia 3</h3>
</hgroup>
</header>
<p>Noticia 3</p>
<p>el meteorito cayó el <time datetime="2017/04/07" pubdate>07/04/2017</time></p>
<p>Terminamos de hablar de noticia 3</p>
</article>
</section>
<footer id="foot1">
<p><address>TLFN. 98556245858</address><small>Derechos Reservados</small></p>
</footer>
</body>
</html>
CODIGO CSS:
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
@charset "utf-8";body{background-color:#334057;
}#hola{
background-color:#1354EB;
text-align:center;
margin:15px auto; width:300px; height:12px;border:3px solid #FFFFFF;
border-radius:15px 15px 40px 40px;
color:#FFFFFF;
padding:15px;}#tipi{
font:30px Verdana, sans-serif, Geneva;
position: relative; margin:auto;}nav{background-color:#FAF61A;
height:20px;}aside{background-color:#FAF61A;
float:left; height:860px;margin-top:10px;
}section{background-color:#FFFFFF;
margin-left:220px;
padding-left:20px;
padding-top:10px;
margin-top:10px;
}#foot1{
background-color:#1152C3;
clear:both;}#linav{
background-color:#1354EB;
display:inline;margin-left:100px;
color:#FFFFFF;
}blockquote{background-color:#1354EB;
color:#FFFFFF;
}Valora esta pregunta
0
