JSFiddle - React, Tailwind, and code Playground

HTML

<h3 class="line-behind">Begin My Giving Journey</h3>

CSS

h3.line-behind { width: auto; position: relative; text-align: center}
    h3.line-behind:after { position:absolute;
  content:'';
  height:2px;
  width:50%;
  top:50%;
  transform:translateY(-50%);
  left:0;
  transform:translateX(-50%);
  z-index:-1;
  background: #000; }
h3.line-behind:before {position:absolute;
  content:'';
  height:2px;
  width:50%;
  top:50%;
  transform:translateY(-50%);
  right:0;
  transform:translateX(50%);
  z-index:-1;
  background: #000; }