用HTML和CSS的知识点，让这个边框居中

现在刚开始学，只有HTML和CSS的知识，这个边框怎么垂直居中，文字已经居中了，边框不动

 <div class="btn">
      <div>登录</div>
      <div>注册</div>
  </div>

.btn {
  div {
    width: 100px;
    line-height: 50px;
    border: 1px solid black;
    display: inline-block;
  }
}

把li的line-height去了

a{
  display:block;
  height: 57px;
  line-height:57px;
}

不要行高了

li{
            display: flex;
            align-items: center;
            justify-content: center;
}