Javascript 文本左对齐问题

我正在使用remodal.js（）创建一个模式：

基本上，我想左对齐一些元素，但似乎不行

例如，我尝试在模式中左对齐标签，如：

.remodal label {
   text-align: left !important;
}

---

但它不起作用？我拿走了

文本对齐：居中在包装器中，但这导致模式不再居中？
如果您想以模式中的
H1
为目标，请尝试向CSS中添加类似的规则

.remodal-wrapper .remodal h1 {
    text-align: left;
}

我已经在这里更新了你的小提琴

[…]由于某种原因，
不起作用

这是因为默认情况下label元素是内联的。因此，其宽度由其内容决定，在本例中为文本。如果元素的宽度由文本决定，则文本不会显示为居中

您可以将
标签
元素的
显示
更改为
块
。这样，它的宽度将为
100%
，文本将向左对齐


它似乎在这里起作用-@JoshCrozier，哦，这确实起作用，但由于某些原因不起作用：？你能看到我更新的小提琴吗？我正在尝试左对齐标签，但它不起作用？
.remodal label {
   display: block;
   text-align: left;
}