Как выровнять по правому краю?

<!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="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 class="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>







  </div>
  
</body>
</html>

Все делаю как сказано в видео проблема в том что оно не выходит как на видео, пытался сам как-то это решить не чего не вышло скопировал исходный код с видео получилось вот что. Все пошло к чертям наверное с урока 5.1

ссылка на скрин https://скриншотер.рф/spasibo?key=%7BE7DA1362-16DD-4223-976C-F411286DB2D9%7D

Урок 5.1

Иван Михиевич

1 year ago

2 ответов