HTML - Problema con el texto del header

   
Vista:

Problema con el texto del header

Publicado por Julio Carrasco jccarrascozuniga@gmail.com (17 intervenciones) el 07/04/2017 23:33:29
Tengo un problema que necesito que de verdad me ayuden; el texto que encima del borde del header pero yo quiero que quede dentro. aqui les mando el codigo y diganme como puedo resolverlo, por favor.

Codigo HTML5:

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
<!DOCTYPE html>
<html lang="es">
<head>
   <meta charset="iso-8559-1"/>
   <meta name="description" content="Página de enseñanza html 5"/>
   <meta name="keywords" content="html5, css3, Javascript, diseño web"/>
   <title>Página de Programación</title>
   <link href="mihojadeestilos.css" rel="stylesheet" />
</head>
<body>
   <!--hola. este es un comentario-->
   <header id="hola">
      <h1 id="titpri">LCCHANNEL</h1>
   </header>
   <nav>
      <ul>
         <li id="lol">INICIO</li>
         <li id="lol">JUEGOS SUBIDOS</li>
         <li id="lol">ARTÍCULOS</li>
         <li id="lol">INFORMACIÓN</li>
      </ul>
   </nav>
   <aside>
      <blockquote style=background-color:#FFFFFF;">primer elemento</blockquote>
      <blockquote>segundo elemento</blockquote>
      <blockquote>tercer elemento</blockquote>
   </aside>
   <section>
      <article>
         <header id="leo">
            <hgroup>
               <h2>Título de la noticia 1</h2>
               <h3>Subtítulo de la noticia 1</h3>
            </hgroup>
         </header>
         <figure>
         <img src="verde pasto.jpg"/>
         <figcaption>
         paisaje invernal
         </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</p>
         </footer>
      </article>
      <article>
         <header id="header2">
            <hgroup>
               <h2>Título de la noticia 2</h2>
               <h3>Subtítulo de la noticia 2</h3>
            </hgroup>
         </header>
         <p><cite>Juegos del Hambre</cite></p>
         <p>une de las mejores peliculas es <cite>Juegos del Hambre</cite></p>
         <p>Terminamos de hablar de noticia 2</p>
         <footer>
            <p>Comentarios</p>
         </footer>
      </article>
      <article>
         <header id="header3">
            <hgroup>
               <h2>Título de la noticia 3</h2>
               <h3>Subtítulo de la noticia 3</h3>
               <time datetime="2014/01/31" pubdate>Noticia publicada el día 31/01/2014</time>
            </hgroup>
         </header>
         <p>Noticia 3</p>
         <p>Seguimos hablando de noticia 3</p>
        <p>Terminamos de hablar de noticia 3</p>
         <footer>
            <p>Comentarios</p>
         </footer>
      </article>
   </section>
   <footer id="footreal">
      <p><small>Derechos Reservados</small> <address>Tfno:+504 8589180770</address></p>
   </footer>
</body>
</html>

Codigo CSS3:

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
#hola{
   width:500px;
   height:45px;
   background-color:#06A9A4;
   text-align:center;
   margin:10px auto;
   border-radius:15px 15px 40px 40px;
   border:3px solid #FFFFFF;
   background:-webkit-radial-gradient(top, #0E39BB, #26B8D2);
   background:-moz-linear-gradient(top, #0E39BB, #26B8D2);
   background:-ms-linear-gradient(top, #0E39BB, #26B8D2);
   -webkit-transition:-webkit-transform 1s ease 0.5s;
}
#hola:hover{
   -webkit-transform:rotate(5deg);
}
 
#titpri{
	font:bold 35px verdana, geneva, sans-serif;
	color:rgba(225,225,225,1);
}
nav{
  background-color:#06A9A4;
}
#lol{
	font:10px verdana, geneva, sans-serif;
}
aside{
   background-color:#06A9A4;
   float:left;
   height:960px;
}
blockquote{
	font:bold 10px verdana, geneva, sans-serif;
}
section{
   background-color:#0D59CB;
   margin-left:200px;
   padding-left:15px;
   padding-top:10px;
}
#footreal{
   background-color:#FF6B00;
   clear:both;
   margin-top:30px;
}
body{
   background-color:#000000;
}
#leo{
   background-color:#FFFFFF;
}
#header2{
   background-color:#FFFFFF;
}
#header3{
   background-color:#FFFFFF;
}
li{
   background-color:#FFFFFF;
   display:inline;
   margin-right:60px;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Enrique

Problema con el texto del header

Publicado por Enrique (35 intervenciones) el 08/04/2017 00:15:05
Tan sencillo como copiar y pegar
1
2
3
4
5
6
#titpri{
    font: bold 35px verdana, geneva, sans-serif;
    color: rgba(225,225,225,1);
    position: relative;
    margin: 0 auto;
}

solo le agregue dos linea a esa clase y vuala

Agrandes no cuesta nada.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Problema con el texto del header

Publicado por Julio Carrasco (17 intervenciones) el 08/04/2017 00:24:49
Muchas gracias, de verdad, gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Enrique

Problema con el texto del header

Publicado por Enrique (35 intervenciones) el 08/04/2017 00:57:55
Puedes calificar la respuesta como buena
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar