[SOLUCIONADO] text-align no funciona

[ocho_ocho_ocho_ocho]

hola buenas tardes me podrían explicar por favor por que el text-align no me funciona cuando pongo un texto corto entre las etiquetas h1, pero cuando pongo un texto largo si funcionan centrando todo el texto?. probando y descartando lo que me origina el problema es el position absolute (el header ya tiene el position:relative), pero no se por que, si me pueden indicar el porque ocurre esto y como podria solucionarlo.... muchas gracias

----html---------

<header>
<h1>texto año 2015</h1>
</header>


-----css----------
header>h1{
position:absolute;
top:50%;
transform: translateY(-50%);
margin:0;
background-color:white;
padding:0 10%;
text-align:center;
}

[Middrel]

Pero no trates de centrar un texto a un <h1></h1>, está etiqueta se utiliza para encabezados, no como una caja contenedora de un texto.

Tienes dos opciones, centrar el texto en el <header></header> o si vas a incluir más elementos en ese header, usa un <div></div> que contenga ese texto.

Por ejemplo:

Código HTML:

<header>
    <h1>texto año 2015</h1>
</header>
 

Código CSS:

header{
   text-align:center;
   más tus otros estilos... }
 

o

Código HTML:

<header>
    <div class="clase"><h1>texto año 2015</h1></div>
</header>
 

Código CSS:

.clase{
   text-align:center;
   más tus otros estilos... }
 

Saludos!!

[pzin]

El problema real es que estás poniéndolo en una posición absoluta sin indicar que mida el 100% del ancho. Entonces medirá lo que ocupe el texto.

[ocho_ocho_ocho_ocho]

muchas gracias eso me faltaba al header>h1 agregarle el width:100%;