Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Centrar título en header

Estas en el tema de Centrar título en header en el foro de CSS en Foros del Web. Hola, soy Iballa, saludos a todos y gracias a los que han creado este foro excepcional. Estoy recién empezando en esto del diseño web, aprendiendo ...
  #1 (permalink)  
Antiguo 13/03/2013, 07:30
Avatar de Iballa  
Fecha de Ingreso: marzo-2013
Mensajes: 107
Antigüedad: 11 años, 9 meses
Puntos: 6
Centrar título en header

Hola, soy Iballa, saludos a todos y gracias a los que han creado este foro excepcional. Estoy recién empezando en esto del diseño web, aprendiendo html5 y css3 y estoy bastante verde, así que gracias por la paciencia.

Mi duda es la siguiente y para mi bastante simple, pero no hay forma:

Quiero simplemente CENTRAR VERTICALMENTE UN TITULO <h1> en el header, pero no hay manera. Ni top, ni bottom, ni nada, se queda fijo arriba. ¿Alguien sabe como se puede hacer?

CODIGO HTML5:
<body>
<header>
<h1>Particiones</h1>

</header>

CODIGO CSS3:

body {
background: #334367;
font-family: times,arial,helvetica;
font-size: 1em;
}

header {
background: #9d3e42;
height: 200px;
text-align: center;
vertical-align: middle;
}
h1{
vertical-align: middle;

}



Gracias¡
  #2 (permalink)  
Antiguo 13/03/2013, 07:41
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Centrar título en header

Bienvenido(a) a FdW.

Dale un line-height igual a la altura de la cabecera:

Código CSS:
Ver original
  1. header h1 {
  2.   line-height: 200px;
  3. }

Los atributos top, right, bottom y left sólo funcionan para elementos que no estén posicionados de forma estática.

Etiquetas: css3, header, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:30.