JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Текст</h2>

CSS

h2{
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
  padding-top: 35px;
  position: relative;
}
h2::after{
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  background-color: #000;
  top: 20%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
h2::before{
  content: "";
  position: absolute;
  display: block;
  height: 3px;
  background-color: #000;
  top: 120%;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}