将div放在容器中心，并使div为其子容器的宽度

Question

我想要<div>为其子元素的大小，但我也希望将其置于包含<div>的范围内。我怎么能这样做？

http://jsfiddle.net/xjCGM/1/

在那个jsfiddle，我尝试display: inline-block和margin: auto，但他们不能一起工作。

Answer 1

您可以使用text-align: center：http://jsfiddle.net/xjCGM/2/（您最有可能在元素本身上使用text-align: left）

Answer 2

将text-align:center;添加到.container div

<强> jsFiddle example