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?

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