JSFiddle - React, Tailwind, and code Playground

HTML

<h2><span>Линии до и после текста</span></h2>

CSS

h2 {
    font: italic 22px Georgia;
    color: #262525;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 85px;
}

h2 > span {
    display: inline-block;
    margin: 0 .4em;
}

h2 > span:before,
h2 > span:after {
  content: '';
  position: absolute;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  margin-top: .6em;
}

h2 > span:before {
  margin-left: -102%;
}

h2 > span:after {
  margin-left: 2%;
}