HTML/CSS Задание 19

Почему у лектора текст в хедере имеет отступ слева, а у меня приклеен к левому верхнему краю дива?
HTML:

<!DOCTYPE html>
<html lang="ru">
   <head>
   <meta charset="UTF-8">
   <title>Document</title>
   <meta name="description" 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">
               <h1><a href="/">КиноМонстр</a></h1>
              <h2>Кино - наша страсть!</h2>
            </div> 
         </div>
      </div>

   </div>

</body>
</html>

CSS:

.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;
}

Где ошибка? Спасибо.

html

css

2 ответов

В этой строчке ошибка:

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

После .logo должна быть запятая, а не точка.

Огромное Вам спасибо! Вот уж, невнимательность!