如何在图片的右侧做出这样的线条

Question

如何在右侧创建此行，有一行可视地将网页分为两部分，如果我要创建left div，line和right div，就像这样

<div id="wrapper">
  <div class="left-part">
  </div>
  //line
  <div class="right-part">
  </div>
</div>

第二个问题是如何将div居中放置在网页中间，就我而言，我必须在图片上将div居中，div包含徽标，输入fild和一些段落

Answer 1

使用border-right和height:100vh;并将width设置为left-part

.left-part{
    width: 60%;
    border-right: 1px solid black;
    height:100vh;
}

<div id="wrapper">
  <div class="left-part">hello
  </div>

  <div class="right-part">
  </div>
</div>