html – text-align：center;不起作用

我一直在搞乱我的网站布局和我的text-align：center;停止工作
发生在我将所有div的位置设置为相对以使父div改变大小后我用 javascript添加组件时发生的事情.

这是我的两个CSS文件：

你可以在下面的JSfiddle链接中看到新的.

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

我还提供旧网站的代码(正确对齐文本)：

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

旧的HTML与新版本非常相似我只添加了style =“float：left;”在其中一个div中

解决方法

简短回答：您的文本不居中,因为元素是浮动的,并且浮动元素“缩小”到内容,即使它是块级元素.

你能解释一下这意味着什么吗？

I had to set all my position to relative to make the parent div change size when I add components to it with javascript