JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="title">TITLE</h1>

CSS

.title {    
  position:relative;
  z-index:1;
  overflow:hidden;
  text-align:center;
}

.title:before,
.title:after {
  content:'';
  display:inline-block;
  width:100%;
  height:1px;
  background:#000;
  z-index:-1;
  position:relative;
  vertical-align:middle;
}

.title:before {
  right:20px;
  margin:0 0 0 -100%;
}

.title:after {
  left:20px;
  margin:0 -100% 0 0;
}