以外部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

Answer 2

将div居中的工具实际上是margin: 0 auto;。

Answer 3

用“圆角”内的另一个div包裹内容。

为这个新div写<{1}}