css - 我正在使用基础，我不知道为什么我的标题没有正确居中

Question

我的 CSS 很差，但这是我正在处理的页面:https://www.aeonvera.com/

我正在使用 Foundation 5。

标题和子标题的标记如下所示:

.imageoverlay.text-center.panel.bg-header
    h1.text-center = APPLICATION_CONFIG["app_name"]
    h6.subheader.text-center Event registration designed for dancers.

(^ 超薄模板)

所以..我不知道为什么它不居中。有可能是其他东西干扰了居中？也许宽度？ idk。这里 super 困惑。

Answer 1

这是因为这个规则 .panel 尝试这样设置它，它会像你期望的那样居中:

.panel { padding: 7.25rem; }