<div class="backline">

  <span>The text</span>

</div>

.backline {
    padding: 30px 10px;
    text-align: center;
    overflow: hidden;
}

.backline span {
      position: relative;
    padding: 0 5px;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 3px;
}


.backline span::before,
.backline span::after {
  content: '';
  position: absolute;
  width: 50vw;
  top: 50%;
  border-top: 1px solid #DDDDDD;
}
.backline span::after {
  left: 100%;
}
.backline span::before {
  right: 100%;
}