Не как не пойму почему не работает код?

.header {
  background-color: darkslateblue;
  height: 177px;
  font-size: 0.8em;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 900px
}

.main, .logo, .menubar, .site_content, .footer {
    margin-left : auto; 
    margin-right: auto;
}

 .logo {
   width: 880px;
   padding-bottom: 40px;

}

 .logo h1, .logo h2 {
   font: normal 300%  'century gothic', arial, sans-serif;
   margin: 0 0 0 9px;

}
 
 .logo h1, .logo_text h1 a, .logo_text h1 a:hover {
   padding: 22px 0 0 0;
   color: #fff;
   letter-spacing: 0.1em;
   text-decoration: none 
}

 .logo_text h2 {
  font-size: 0.9em;
  padding: 4px 0 0 0;
  color: #999;
}

html

css

3 ответов

А в html коде что написано?


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="decription" content="Киномонстр - это портал о кино">
    <meta name="keywords" content="фильмы, фильмы онлайн, hd" />
    <link rel="stylesheet" href="assets/css/style.css">
</head>    
<body>
    
     <div class="main">

        <div class="header">
           <div class="logo">
            <div class="logo_text"></div>
              <h1><a href="/">Киномонстр </a></h1>
              <h2>Кино - наша страсть!</h2>
           </div>

        </div>
        
    </div>
</body>
</html>

Вот в этот Div должен входить код остальной, у вас он просто закрывается: