html - 文本对齐 :center; doesn't work

Question

我一直在搞乱我网站的布局，我的 text-align : center; 停止工作这发生在我将所有 div 位置设置为 relative 以使父 div 在我使用 javascript 添加组件时改变大小。

这是我的两个 CSS 文件:

您可以在下面的 JSfiddle 链接中看到新的。

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

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

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

旧的 HTML 与我刚刚添加的新版本非常相似 style="float:left;"在其中一个 div 中

Answer 1

简短回答:您的文本没有居中，因为元素是 float 的，并且 float 元素“收缩”到内容，即使它是 block 级元素也是如此。

你能解释一下这是什么意思吗？

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