Html 在容器中居中放置一个div，并使该div为其子对象的宽度

我希望

是其子元素的大小，但我也希望将其置于包含

的元素的中心。我该怎么做

---

在该JSFIDLE中，我尝试执行

显示：内联块
和
边距：自动
，但它们不能一起工作。
您可以使用
文本对齐：居中
：（您很可能在元素本身上使用
文本对齐：左
）
添加
文本对齐：居中
到
.container
div