text-align: center; no funciona

He estado jugando con el diseño de mi sitio web y mitext-align : center; Dejé de funcionar después de que configuré todas las posiciones de mis divs en relación para hacer que el div primario cambie de tamaño cuando le agrego componentes con javascript.

Aquí están mis dos archivos CSS:

Puedes ver el nuevo en el enlace de JSfiddle a continuación.

jsFiddle:http://jsfiddle.net/2WvrV/

También proporciono el código para el sitio web anterior (que alinea el texto correctamente):

http://jsfiddle.net/fiddlerOnDaRoof/fQpjX/

el HTML antiguo es muy similar a la nueva versión que acabo de agregar style = "float: left;" en uno de los divs

Respuestas a la pregunta(4)

Su respuesta a la pregunta