First of all you are using materials
as a class
as well as an id
so if you are targeting the element holding materials
as id
, than you need to use #materials
and not .materials
#materials {
width: 80%;
background-color: #fff;
margin-left: auto;
margin-right: auto;
text-align: left;
}
Apart from this the only thing possible here is that you might be having some more specific selector which is overriding the block of your CSS, try using
#materials {
text-align: left;
}