html,css布局，一个元素靠左，一个元素靠右

<div class="buttom">
      <span class="bl">忘记密码</span>
      <span class="br">注册</span>
</div>

<style>
.buttom {
    display: flex;
    width: 100%;
}

.bl {
  justify-content: flex-start;
  display: flex;
}

.br {
  flex:1;           
  justify-content: flex-end;
  display: flex;
}
</style>

效果：