Урок 50. все сделала как в видео, но стиль не применился?

задала стиль для блока информации как в видеоуроке, но стиль не применился. в чем ошибка?

.info_film_page {
	margin-top: 2%;
	margin-bottom: 4%;
}

.info_film_page .label {
	font-size: 1.2em;
}

.info_film_page .value {
	font-size: 1em;
	color: #49945a;
	margin-right: 3%;
}

<div class="content">
			<h1>Интерстеллар</h1>
			
			<iframe width="560" height="315" src="https://www.youtube.com/embed/xHGRCBV46ik" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

			<div class="infa_film_page">

				<span class="label">рейтинг</span><span>8.1 / 10</span>
				<span class="label">год</span><span>2014</span>
				<span class="label">режисер</span><span>Кристофер Нолан</span>
			</div>

html

css

1 ответов

Вы в верстке пишите так infa_film_page - не info:

<div class="infa_film_page">

а в стилях пишите так info_film_page, через букву o:

.info_film_page {
	margin-top: 2%;
	margin-bottom: 4%;
}

.info_film_page .label {
	font-size: 1.2em;
}

.info_film_page .value {
	font-size: 1em;
	color: #49945a;
	margin-right: 3%;
}

Вот и не видит стили.