Center divider

HTML:
<div class="divider">
  <div class="divider__text">
    Text
  </div>
</div>

SCSS:

.divider {
  text-align: center;
  overflow: hidden;
}

.divider__text {
  display: inline-block;
  position: relative;
  padding: 10px;
  
  &:after, &:before {
    content: "";
    display: block;
    height: 1px;
    width: 2000px;
    position: absolute;
    background: #000;
    top: 50%;
    margin-top: -1px;
  }
  
   &:after {
    right: 100%;
   }
   
   &:before {
    left: 100%;
   }
}