Некорректные границы полей

Домашним заданием было самостоятельно сделать страницу "Контакты"-не используя практически исходный код сделал страницу (потребовалось только подсмотреть чтобы сделать активной кнопку "Отправить"),но есть сложность- поля "Ваше имя" и "ваш email" вплотную прилегают к боковой панели.Помогите пожалуйста.

Сссылка на страницу-
file:///C:/Users/%D0%9C%D0%B8%D1%85%D0%B0%D0%B8%D0%BB/Desktop/kinomonster/contact.html
+ код

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="description" content="Киномонстр это портал о кино" />
	<meta name="keywords" content="фильмы,фильмы онлайн,hd" />
	<link rel="stylesheet" type="text/css" 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 class="site_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 type="lables_passreg_text">
		<span><a href="#">забыли пароль?</a></span>  
		<span><a href="#">регистрация</a></span>
		</div>
		</form>
		</div>
	<div class="sidebar">
		<h2>Новости</h2>
		<span>31.02.2018</span>
		<p>Мы запустили расширенный поиск</p>
		<a href="#">читать</a>
	</div>
		
		<div class="sidebar">
			<h2>Рейтинг фильмов</h2>
			<ul>
				<li><a href="#">Инстеллар</a><span class="rating_sidebar">8.1</span></li>
				<li><a href="#">Матрица</a><span class="rating_sidebar">8.0</span></li>
				<li><a href="#">Безумный Макс</a><span class="rating_sidebar">7.5</span></li>
				<li><a href="#">Облачный атлас</a><span class="rating_sidebar">7.4</span></li>	
			</ul>
		</div>
	
		</div>

		
		<div class="content">
			
			<h1>Контакты</h1>
			<p>Отправьте ваш отзыв о портале КиноМонстр</p>

		<div class="send">
			<form method="post" action="#" id="review">
				<input type="text" name="review_name" placeholder="ваше имя">
				<input type="text" name="review_name" placeholder="ваш email">
				<textarea name="review_text"></textarea>
				<input class="btn" input type="submit"  value="отправить">
			</form>
		</div>
		


		</div>
		
		
		</div>

	<div class="footer">
		 <p>
		 	<a href="#">Главная</a> |
		 	<a href="#">Фильмы</a> |
		 	<a href="#">Сериалы</a> |
		 	<a href="#">Рейтинг фильмов</a> |
		 	<a href="#">Контакты</a> |
		 </p>
		 <p>wh-db.com.2015</p>
		</div>

	</div>

	
</body> 
</html>

Урок 8.6 домашнее задание.

Михаил Лисица

2 years ago

Один ответ