Сбивается второе меню в левую сторону от первого (вместо того, чтоб быть внизу?

Подскажите пожалуйста, проходил 41 урок по курсу html/css, но вот тут не задача, вместо того, чтоб меню со входом уходило вниз под меню с поиском, оно отображается слева. Уже пробовал и менять теги <div>, думал может закрыл неправильно или сбил последовательность, но ничего не помогает. Бывает, что меню и вовсе уходит куда-то не туда, но только не туда где надо. Помогите найти ошибку и исправить.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<meta name="description" content="Kinomonster - это портал о кино"/>
	<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 class="menubar">
				
				<ul class="menu">
					<li class="selected"><a href="#">Главная</a></li>
					<li><a href="#">Фильмы</a></li>
					<li><a href="#">Сериалы</a></li>
					<li><a href="#">Рейтинг фильмов</a></li>
					<li><a href="#">Контакты</a></li>


				</ul>


			</div>


		</div>

	</div>

	<div class="side_content"

		<div class="sidebar_container">
			
			<div class="sidebar"> 
				<h2>Поиск</h2>
				<form method="post" action id="search_form">
					<input type="search" name="search_field" placeholder="Ваш запрос"/>
					<input type="submit" class="btn" value="Найти"/>
				</form>
			</div>

			<div class="sidebar">
				<h2>Вход</h2>
				<form method="post" action="#" id="login"> 

					<input type="text" name="login_field" placeholder="Логин"/>
					<input type="password" name="password_field" placeholder="Пароль"/>
					<input type="submit" class="btn" value="Вход">
					<div class="lables_passreg_text"
						<span><a href="#">Забыли пароль?</a></span> | <span><a href="#">Регистрация</a></span>
					</div>
				</form>
			</div>

		</div>

	</div>



</body>
</html>

html

css

2 ответов

Вот тут ошибся:

<div class="lables_passreg_text"

не хватает закрывающей скобки:

<div class="lables_passreg_text">

Здесь тоже самое:

<div class="side_content"

Также main рано тег закрыл (перед <div class="side_content">)

Здесь можно посмотреть в живую код, как должно быть:

https://fructcode.com/ru/courses/html-and-css/right-block/

Благодарю за помощь, всё получилось. Думал что у меня проблема с закрытыми </div>, но никак с <div class="lables_passreg_text">. Что до mainа правильно ли я понимаю, что его нужно закрыть после всех дополнительных менюшек?