居中无宽度的元素

Question

我试图将一个元素（div中有一个h1）置于一个宽度的页脚中，并且遇到了一些我不理解的行为：直到我添加了一个{{ 1}}（并移除了width）到inline-block容器，它是居中的，即使换出footer-inner h1我得到相同的结果，元素是很难离开。

HTML

img

CSS

<div class="footer-outer">
    <div class="footer-inner">
        <h1>Foo Barson</h1>
    </div>
</div>

以下是jsfiddle。

我想知道元素何时是“无宽度的”。如果你可以向我解释或指出一些很棒的阅读材料。

Answer 1

为什么不能将text-align:center添加到.footer-outer。这将使h1为您的中心

http://jsfiddle.net/feitla/LGEen/3/