HTML -----或------有2个div

Question

我被困在试图让-----或------经常在登录/注册表格中遇到。我更喜欢使用两个div而不是hr。有人可以提供帮助吗？

Answer 1

如果您使用的是bootstrap，则可以使用类似的内容，

<div class="row">
  <div class="col-sm-5"><hr></div>
  <div class="col-sm-2">OR</div>
  <div class="col-sm-5"><hr></div>
</div>

Answer 2

尝试类似这样的事情

＆＃13;

＆＃13;

.center{
  text-align: center;
  width: 100%;
  display:inline-flex;
}
.hr {
    width: 100px;
}

＆＃13;

<div class="center">
  <div class="hr"><hr></div>
  <div class="content">OR</div>
  <div class="hr"><hr></div>
</div>

＆＃13;

＆＃13;

＆＃13;