Кексби. Промежуточное испытание блок 2.

Есть два кода - оба идентичны, однако результат разный

.



Кроме названий классов изменений я не заметил, однако первый код проверку не проходит, а вот второй идеально.
Вот что показывает первый код:

В чем проблема??

Не могу найти различий по картинке. Нужны коды текстом.

а каким образом вставлять текстовый код в отдельное сообщение?

Кнопка для вставки кода выглядит </> на панели сверху в редакторе сообщений.

Нерабочий и рабочий соответственно:

<!DOCTYPE HTML>
<html>
	<head> 
		<meta charset="utf-8">
		<title>Кваст</title>
	</head>
	<body>
		<div class="page-header">
					<img src="img/logo.png" alt="Кваст">
				<ul class="main-nav">
					<li><a href="#">История</a></li>
					<li><a href="#">Производство</a></li>
					<li><a href="#">Ассортимент</a></li>
					<li><a href="#">Где купить</a></li>
				</ul>

			Крафтовый квас<br>всему голова!
		</div>
		<div class="page-novetly">
			<h2>Новинки</h2>
		<div class="product">
			<h3>Вахтёр</h3>
			<div class="structure">
			<table>
				<tr>
					<td>Алк.</td>
					<td>&lt; 1%</td>
				</tr>
				<tr>
					<td>Ккал:</td>
					<td>35</td>
				</tr>
			</table>
				<p>Ржаной хлеб, Вода, Солод, Соль</p>
			<img src="img/bottle-left.jpg" alt="">
			</div>
			<div class="description">
				<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
				<a href="#" class="btn">Подробнее</a>
				<a href="#" class="btn">Купить</a>  
				<strong>150 Р.</strong>
			</div>
		</div>
		<div class="product">
			<h3>Романтик</h3>
		<div class="structure">
			<table>
				<tr>
					<td>Алк.</td> 
					<td>&lt; 0,5%</td>
				</tr>
				<tr>
					<td>Ккал:</td>
					<td>27</td>
				</tr>
			</table>
				<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
				<img src="img/bottle-right.jpg" alt="">
		</div>
			<div class="description">
				<p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
				<a href="#" class="btn">Подробнее</a>
				<a href="#" class="btn">Купить</a> 
				<strong>90 Р.</strong>
			</div>
		</div>
	</div>
	<div class="advantages">
	</body>
</html>
<!DOCTYPE HTML>
<html>
	<head> 
		<meta charset="utf-8">
		<title>Кваст</title>
	</head>
	<body>
		<div class="page-header">
					<img src="img/logo.png" alt="Кваст">
				<ul class="main-nav">
					<li><a href="#">История</a></li>
					<li><a href="#">Производство</a></li>
					<li><a href="#">Ассортимент</a></li>
					<li><a href="#">Где купить</a></li>
				</ul>

			Крафтовый квас<br>всему голова!
		</div>
		<div class="page-novetly">
			<h2>Новинки</h2>
		<div class="product-item">
			<h3>Вахтёр</h3>
			<div class="structure">
			<table>
				<tr>
					<td>Алк.</td>
					<td>&lt; 1%</td>
				</tr>
				<tr>
					<td>Ккал.</td>
					<td>35</td>
				</tr>
			</table>
				<p>Ржаной хлеб, Вода, Солод, Соль</p>
			<img src="img/bottle-left.jpg" alt="">
			</div>
			<div class="decription">
				<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
				<a href="#" class="btn">Подробнее</a>
				<a href="#" class="btn">Купить</a>
				<strong>150 Р.</strong>
			</div>
		</div>
		<div class="product-item">
			<h3>Романтик</h3>
		<div class="sctructure">
			<table>
				<tr>
					<td>Алк.</td>
					<td>&lt; 0,5%</td>
				</tr>
				<tr>
					<td>Ккал.</td>
					<td>27</td>
				</tr>
			</table>				
				<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
				<img src="img/bottle-right.jpg" alt="">
		</div>
			<div class="decription">
				<p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
				<a href="#" class="btn">Подробнее</a>
				<a href="#" class="btn">Купить</a>
				<strong>90 Р.</strong>
			</div>
		</div>
	</div>
	<div class="advantages">
	</body>
</html>

Это единственное отличие, которое я вижу…

Видимо я всё-таки не слепой. Спасибо)

При этом на образце блока стоит точка (Ккал.), а при проверке хочет двоеточие.