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

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.

（^ Slim Templating）

所以..我不知道为什么它没有居中。有可能其他东西弄乱了中心？也许宽度？ IDK的。这里超级混乱。

Answer 1

这是因为这条规则.panel尝试将其设置为这样，它会像您期望的那样居中：

.panel { padding: 7.25rem; }

Answer 2

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