Alinhar Position:Relative no centro

Boa tarde pessoal,

Estou finalizando um site, que de modestia parte, ta ficando muito bom, só tem um problema, usei um efeito jQuery no título, só que quando o PHP atualiza o texto ele fica alinhado a esquerda, quando na verdade o correto é alinhar ao centro.

Situação:

O problema real é que o código css ta usando position:relative e eu pretendia alinhar com text-align:center ai deu errado, pensei em usar de alguma forma o width pra reconhecer a largura automáticamente e alinhar no espaço margin: 0 auto. Bom falhei é claro.

O que preciso?

Preciso alinhar o texto no centro, não precisa ser como descrevi acima, é só alinhar.

Código:

.rainbow,.rainbows-highlight,.rainbows-shadow {

	xline-height: 1;
	}

.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
}

	.rainbow span {
 position: absolute;
 top: 0;
 left: 1px;
 display: block;
 xwhite-space: nowrap;
 }

	a .rainbow span {
 white-space: nowrap;
 }

.rainbows-highlight {
	color: #999 !important;
	display:block;
	position: absolute;
	top: 2px;
	left: 3px;
	z-index: 2;
	}

.rainbows-shadow {
	color: #006 !important;
	display:block;
	position: absolute;
	top: 2px;
	left: 3px; /* can be one or two depending on 90 or 135 degree global light */
	z-index: 3;
	}

.back .text .rainbows-shadow {

	color: #fff !important;
	opacity: 0.3;
	}

Obrigado, Erik

Webdesign - Design gráfico