necesito ayuda con un codigo en css, para el texto

[ZeroRcp]

sip, asi es puede ser quizas la pregunta mas tonta pero, resulta que estoy haciendo un menu, en 3d nada raro, el primer texto del menu me aparece centrado, pero cuando oprimo el boton para que me muestre el segundo texto, este aparece ubicado en la parte de arriba, ya le puse text-align: center; pero no funciona, le he movido por todas partes al codigo pero nada funciona y estoy haciendolo en css, que podria colocar para que me centre el texto?

Código (css) [Seleccionar] Expandir

button:after {
 top: -100%;
 left: 0px;
 width: 100%;
 height: 43px;
 position: absolute;
 background: #ff8000;
 border-radius: 0px;
 content: 'Bienvenido';
 transform-origin: center bottom;
 transform: rotateX(90deg);
 font-size: 15px;
 color: #000000;
 text-align: center;
  }

este es el codigo que tengo, no se si tenga alguna solucion o error

Mod: los códigos deben ir en etiquetas GeSHi

[DarK_FirefoX]

Primero, si vas a colocar código hazlo utilizando las etiquetas GeSHi!

¿Probaste con:

Código (css) [Seleccionar] Expandir

vertical-align: middle;

?

Salu2s