JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Coucou</h1>

CSS

h1 {
  display:flex;
}
h1::before,
h1::after {
  content:"";
  flex:1 1;
  background:red;
  height:1px;
  align-self: center;
  margin: 0 10px 0 0;
}
h1::after {
  margin: 0 0 0 10px;
}