Как исправить расположение кнопки?

Кнопка поиск расположена близко к левому краю?

<!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" 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="siti_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>
                       
        </div>

     </div>

 </body>
 </html>

html

css

Как исправить расположение кнопки?

0 ответов