我正在使用粉底，我不知道为什么我的 header 没有正确居中

Question

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

我正在使用 Foundation 5。

header 和 subheader 的标记如下所示：

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

(^ Slim 模板)

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

Answer 1

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

.panel { padding: 7.25rem; }

Answer 2

将 padding-right: 95px; 添加到 text-center class

我正在使用粉底，我不知道为什么我的 header 没有正确居中

I'm using foundation, and I don't know why my header isn't centered correctly

css

zurb-foundation