css - 将外部 div 居中， 'text-align:center' 未按预期工作

Question

我在一个 div 中有一段内容，目前它位于左侧居中。 Fiddle.

我尝试添加一个容器 div，例如:

<div style='text-align:center; width:100px;'>[content]</div>

但运气不好。也试过这个:

<div style='margin: 0px auto; width:100px;'>[content]</div>

内容仍然左对齐。

这可行，但我想找到使用 CSS 执行此操作的正确方法:

<div style='width:100px;' align='center'>[content]</div>

感谢协助。我很想用表格来做这件事，但我需要改掉旧习惯!

Answer 1

如果您尝试让外部 div 相对于其父级(body)居中，您应该将其横向边距设置为 auto:

body div{
    margin: auto;
}

如你所见here