html – 如何在没有额外标记的情况下将内联块/浮动标题居中？

我有一个可变宽度标题,其背景颜色必须与文本一样宽(不宽).我能想到的唯一方法(没有额外的标记)是将显示设置为内联块或将其浮动到左侧.然而问题是我无法将标题居中(另一个要求).

到目前为止我最接近的是设置位置：相对;在浮动的标题上,将其从左侧推过50％然后将其向后拉25％,但是这不会始终使标题居中.它必须保留在文档的流程中,所以位置：绝对;是另一个禁忌.

如果你知道一种方法,只使用CSS而没有额外的标记,请告诉我(伪元素很好,我不讨厌IE7支持)！

解决方法

使用display：table;在标题上(边距：0自动;).