text-align: center no funciona cuando position: absolute con javascript?

Estoy haciendo una sección de comentarios en desplazamiento, funciona teniendo varios elementos repetidos por php que tienen su propiedad superior animada con javascript. Todo parece funcionar bien, excepto cuando establezco su posición en absoluta y uso javascript simultáneamente, esto da como resultado texto-alinear: el centro solo funciona cuando hay más de una línea en el texto. Aquí está mi código:

HTML (aproximadamente así, se repite a través de PHP, también se disculpa por el estilo en línea)

Hello world!
Hello world!
Hello world!
Hello world!

Javascript

 var offset = 0; var i = 0; for(i = 0; i < 3; i++) { obj = document.getElementById("element" + i); obj.style.top = offset + "px"; offset += obj.clientHeight; } function moveComments() { var i1 = 0; for(i1 = 0; i1 < 3; i1++) { obj = document.getElementById("element" + i1); obj.style.top = parseInt(obj.style.top) - 1 + 'px'; if(parseInt(obj.style.top) <= -offset) obj.style.top = offset + 100 + "px"; } } setInterval(moveComments, 10); 

position: absolute hace que el ancho del elemento se reduzca automáticamente para ajustarse a su contenido.

text-align: center centra el texto dentro de los límites del elemento block.
Si el elemento de bloque no es más ancho que el texto, no hará nada.

Debes darle un ancho mayor