JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title-main">
    <h2>Земляные работы</h2>
</div>

CSS

body {
    background-color: #f00;
}

.title-main {
	text-align: center;
	
}	
.title-main h2 {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 25px;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	position: relative;
	z-index:2;
	background: #fff;
    
}

.title-main::after {
	content: "";
	display: block;
	border-bottom: 2px solid #000;
	position: relative;
	bottom: 15px;
	left:0;
	z-index:1;
}