Как ограничить div?

* { 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
} 
 
body  { 
  padding: 0; 
  margin: 0; 
   
} 
 
.underline { 
  text-decoration: underline; 
} 
 
.wrap { 
  border-right: solid #b1cdff 28px; 
  border-top: solid #b1cdff 28px; 
  padding-left: 50px; 
} 
 
.row:before, 
.row:after { 
  display: table; 
  content: " "; 
} 
 
.row:after { 
  clear: both; 
} 
 
.col-6 { 
  width: 50%; 
  float:left; 
} 
 
h1 { 
  color: #868686; 
  margin-left: 50px; 
} 
 
.a  { 
  max-width: 300px; 
  width: 100%; 
  color: green; 
  margin-top: 50px;	 
  font: 10px Tahoma; 
}  
 
.form { 
	margin-bottom: 200px; 
	max-width: 250px;  
    width: 100%; 
    padding: 10px;  
    border: 2px solid red; 
} 
 
input { 
  width: 100%; 
} 
 
.form-row { 
  margin-bottom: 10px; 
}

<div class="wrap"> 
  <h1> 
    Лабораторная работа №1 
  </h1> 
   
   
  <div class="row"> 
    <div class="col-6"> 
      <div class="a"> 
       <p> 
         Главная ::  
         <span class="underline"> 
           Задание на лабораторную работу 
         </span> 
        </p>  
      </div> 
    </div> 
 
    <div class="col-6"> 
      <form> 
          <div class="form"> 
            <div class="form-row"> 
              <label for="login">Логин:</label> 
              <input type="text" name="login" id="login"/> 
            </div>  
            <div class="form-row"> 
              <label for="password">Пароль:</label> 
              <input type="password" name="password" id="password"/> 
            </div>  
            <input type="submit" value="Отправить данные"/> 
          </div> 
      </form> 
    </div> 
  </div> 
</div>