JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title">
  <div class="title_lf"></div>
  <span>ТЕКСТ</span>
  <div class="title_rt"></div>
</div>

CSS

*{margin:0;padding:0;}
.title,.title > div,.title > span{border-color:#97588E;border-style:solid;}
.title{
  margin:5px;
  display: -webkit-flex;
  display: flex;
  color: #97588E;
  border: none;
}
.title > div{
  width:50%;
}
.title_lf{
  border-width:1px 0 0 0
}
.title_rt{
  border-width:0 0 1px 0
}
.title > span{
  padding: 10px 5px;
  border-width:1px 0
}