html - 为什么文本对齐中心标题？

Question

为什么 text-align: center 标题？标题是 block 元素 h1、h2 等。为什么 text-align 居中标题，即使文档明确说明它不是:Docs on text-align

This property describes how inline-level content of a block container is aligned.

我有点困惑为什么它不会像 div 那样将 block 元素居中，但愿意将标题居中。可能是因为 header 内的文本是内联的，但实际 header 本身是一个 block 元素？

http://codepen.io/stephenhuh/pen/KrkLZG - 关于这种现象的代码笔。

* {
    text-align: center;
}

.box {
    background-color: blue; 
    width: 150px;
    height: 150px;
}

Answer 1

来自 CSS 2 :

Any text that is directly contained inside a block container element (not inside an inline element) must be treated as an anonymous inline element.