文字左对齐问题

Question

我正在使用remodal.js（https://github.com/VodkaBears/Remodal）创建一个模态：http://jsfiddle.net/j4wnov5z/。

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

例如，我试图在模态中左对齐标签，如：

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

但它不起作用？我在包装器中带走了text-align: center;，但这导致模态不再被居中了？

Answer 1

  

[..]出于某种原因<label>无法正常工作

因为标签元素默认是内联的。因此，其宽度由其内容决定，在本例中为文本。如果元素的宽度由文本确定，则文本似乎不会居中。

您可以将display元素的label更改为block。这样做时，它的宽度为100%，文本将与左侧对齐。

Updated Example

.remodal label {
   display: block;
   text-align: left;
}

Answer 2

如果你想在模态中定位H1，请尝试向CSS添加这样的规则

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

我已经更新了你的小提琴这里 - http://jsfiddle.net/aqobvdou/