Hjälp med kod i css
Hjälp detta är helt nytt för mig har skapat ett html och skapat en tillhörande css.
Dock får jag problem i css när jag efter <li> vill ha en rubrik som ser likadan ut som de andra.
Fast jag har skrivit in alla rubriker likadant så blir det som kommer efter li helt annorlunda. Dessutom så får jag det inte att fungera med bakgrundsfärg:
Koden jag skrivit i css är skulle uppskatta om någon kunde se vad felet är
<!DOCTYPE html>
<html>
<head>
<head> <meta charset="utf-8">
<style>
body {
background-color: pink;
}
h1 {
text-align: center;
}
h2 {
font-family: arial;
font-size: 26px;
margin-left: 150px;
}
h3 {
font-family: arial;
font-size: 26px;
margin-left: 150px;
}
h4 {
font-family: arial;
font-size: 16px;
margin-left: 150px;
}
h5 {
font-family: arial;
font-size: 16px;
margin-left: 150px;
}
h6 {
font-family: arial;
font-size: 26px;
margin-left: 150px;
}
h7 {
font-family: arial;
font-size: 26px;
margin-left: 150px;
}
p {
font-family: arial;
font-size: 16px;
margin-left: 150px;
margin-right: 150px;
}
ul {
font-family: arial;
font-size: 16px;
margin-left: 150px;
}
li {
font-family: arial;
font-size: 16px;
margin-left: 50px;
}
</style>
</head>
<body>
<h1></h1>
<h2></h2>
<p></p>
<h3></h3>
<p></p>
<h4></h4>
<ul></ul>
<li></li>
<h5></h5>
<ul></ul>
<li></li>
<h6></h6>
<p></p>
<h7></h7>
<p></p>
</body>
</html>