JSFiddle - React, Tailwind, and code Playground

HTML

<h2 class="m-line">lorem ipsum</h2>

<h2 class="m-line"><span>lorem <br> ipsum</span></h2>

CSS

body {
    background: #eee;
}

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

.m-line:before,
.m-line:after {
	content: '';
    
    width: 100%;

	display: inline-block;
    vertical-align: middle;
  
    margin-left: -100%;

	position: relative;
	top: -0.04em;   right: 20px;	

	
    border-top: 1px solid #aaa;
}

.m-line:after {
	right: auto;
	left: 20px;
	
	margin-left: 0;
	margin-right: -100%;
}

.m-line span {
    display: inline-block;
    vertical-align: middle;
}