Как остановить перемещение div в нижний правый угол

Я делаю в классе проект по созданию веб-сайта. Я пробовал то, что говорили другие ответы, но это никогда не работает!

.block1 {
  border: 2px dashed #ffffff;
  width: 200px;
  height: 270px;
  padding: 10px;
  margin-top: 30%;
  margin-left: 20%;
  position: relative;
}

.block2 {
  border: 2px dashed #ffffff;
  width 200px;
  height: 270px;
  padding: 10px;
  margin-top: 30%;
  margin-left: 80%;
  display: inline-block;
  position: relative;
}

<div class = "block1">
  <p>Everyday life is like programming, I guess. If you love something you can put beauty into it</p>
</div>
<div class = "block2">
  <p>The past is behind, learn from it. The future is ahead, prepare for it. The present is here, live it</p>
</div>

Я просто скопировал и вставил в основном то, что сделал. В настоящее время я новичок, в свое время я сделал лишь немного html и узнал все, что сделал за последние 3 недели. Моя проблема в том, что слева все в порядке, но div справа находится в самом нижнем правом углу. Я пробовал использовать переполнение, потому что думал, что маржа может рушиться, но я действительно не понимаю, так как я все еще новичок. Я хочу, чтобы он располагался на той же высоте и с той же разницей, но с левой стороны экрана. Я попытался использовать левое поле, но это все равно не сработало. Пожалуйста, помогите мне, я действительно не понимаю.