Много раз сверял помогите пожалуйста?

не могу найти ошибку проверял много раз

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>KinoMonster</title>
	<meta name="description" content="Киномонстр - это портал о кино">
	<meta name="keywords" content="фильмы, фильмы онлайн, hd" />
	<link rel="stylesheet" href="assets/css/stule.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;
}

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

.logo_text 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

2 ответов

спасибо большое очень помогли

Вы в html пишите название класса такое (logo-text через тире):

<div class="logo-text">

а в стилях пишите название класса такое (logo_text через нижнее подчеркивание):

.logo_text 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 в div писать:

<div class="logo_text">

либо в css писать стили .logo-text.