I made css styling for text on my website, but only the <p> tag has changed. I’ve also added some styling for <ol>, <h1> and <h2>, but there is no reaction. I made an external css file and attached it in <head> section and most of these styles work as they should. Styles works when I add style='' directly in tag, but I want to solve the problem in css file. I attach code snippet of css and html. There are more of them but only here <ol>, <h1> and <h2> are used so there is nothing what could block their styling. I would also like to mention that when editing the code in the debugger from the browser level, the styles look as they should.
p {
text-align: left;
color: #121111;
font-size: 1.2rem;
line-height: 1.625;
text-indent: 10%;
margin: 2% 10%;
}
h1, h2 {
font-size: 2.5rem;
font-weight: bold;
margin: 2% 10%;
text-align: center;
}
ol {
list-style: decimal;
margin: 2% 10%;
font-size: 1.2rem;
line-height: 1.625;
}
a {
color: #555;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #333;
text-decoration: underline;
}<h1>header</h1>
<p>
contentcontentcontent
</p>
<h2>header2</h2>
<ol>
<li>...</li>
<li>.....</li>
<li>...</li>
<li>....</li>
<li>.....</li>
<li>.....</li>
<li>....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ol>
<p><a href='kontakt.php'>kontakt</a></p>
";