css - 我的div内容不会像CSS指定的那样向左对齐

我试图使我的内容在一个分区内左对齐。。。代码如下。。。我做过一次这项工作，但是丢失了代码。现在我再也搞不清楚了。
Html5:

<div class="wrapper materials">
<section id="materials">

然后我做一个文章标签
然后创建文章内容，包括h标记、p标记等。
然后我关闭标签
然后我关上潜水器
css:

.materials {
    width: 80%;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

材料包装中的文本保持居中，但我希望它左对齐。

最佳答案

首先，您使用materials作为class和id的对象，因此如果您将materials定位为id的元素，则需要使用#materials而不是.materials

#materials {
    width: 80%;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

除此之外，这里唯一可能的事情是，您可能有一些更具体的选择器正在覆盖您的CSS块，请尝试使用

#materials {
   text-align: left;
}

关于css - 我的div内容不会像CSS指定的那样向左对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19994360/