JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"><h1>Title</h1></div>

CSS

h1 {
  display: inline-block;
  padding: 0 15px;
  position: relative;
}

h1:before,
h1:after {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 400%;
}
h1:before {
  right: 100%;
}
h1:after {
  left: 100%;
}
.container {
  overflow: hidden;
  text-align: center;
}