JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="line-title">lorem ipsum</h1>

CSS

.line-title {
	overflow: hidden;
    
    text-align: center;
}

.line-title:before,
.line-title:after {
	content: '';

	display: inline-block;
	vertical-align: middle;
	
	width: 100%;
    
	border-top: 3px solid #aaa;
}

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

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