JSFiddle - React, Tailwind, and code Playground

HTML

<div class="module">
<h3 class="zagolovok">
Заголовок модуля
</h3>
</div>

CSS

.module{
  border-left:1px black solid;
  width: 400px;
  height: 300px;
  border-right:1px black solid;
  border-bottom:1px black solid;
}
.zagolovok{
  text-align: center;
display:inline-block;
  width:100%;
  top:-31px;
  position:relative;
}
.zagolovok:before{
  background: url("http://s019.radikal.ru/i631/1603/7d/d04019e08dd1.png") no-repeat right center;
  content: ' ';
  width:29%;
  position:;
display:inline-block;
height:10px;
  left:0;
  position:relative;
}
.zagolovok:after{
  background: url("http://s019.radikal.ru/i631/1603/7d/d04019e08dd1.png") no-repeat right center;
  content: ' ';
  width:29%;
  transform: rotate(180deg);
  height:10px;display:inline-block;
    right:0;
  position:relative;
}