JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Collaborate Tidy</h1>

CSS

h1 {
  position:relative;
  height:100px;
  line-height:100px;
  text-align:center;
}

h1:before,
h1:after {
  right:0; left:0;
  position:absolute;
  content:'';
  display:block;
  margin:auto;
  width:100px; height:3px;
  background:red;
}

h1:before {
  bottom:auto;
}

h1:after {
  top:auto;
}