html - 无法将文本置于绝对定位的 div 内居中

Question

我有 2 个 div，一个称为 info-holder，另一个称为 info-content。

信息持有者具有相对定位，而信息内容具有绝对定位。

内容包含(或最终包含)段落和标题元素，但当我希望它们居中对齐时，它们向左对齐。

知道如何解决这个问题吗？

这是我到目前为止所拥有的:http://jsfiddle.net/2egL00y5/

Answer 1

您需要向元素添加width: 100%:

.info-content {
    width: 100%;
}

h1 {
    width: 100%;
}

fiddle :https://jsfiddle.net/lmgonzalves/2egL00y5/1/

编辑:

如果您不需要position:absolute，则您需要应用的唯一样式是:

.info-content {
    text-align: center;
}

同时删除 h1 中的样式。

fiddle :https://jsfiddle.net/lmgonzalves/2egL00y5/4/