Or devider in CSS

<style>
.or {
  width: 90%;
  margin: .7em auto;
  overflow: hidden;
  text-align: center;
    font-size: 19px !important;
  color: #bd0706;
}
.or:before, .or:after {
  content: "";
  display: inline-block;
  width: 90%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
.or:after {
  margin: 0 -55% 0 .5em;
}
span {
  display: inline-block;
  vertical-align: middle;
}
</style>

<h1 class="or">OR</h1>


Output