JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div.line-behind {
    width: auto;
    position: relative;
    text-align: center
}
span {
    content:" ";
    border-top: 3px solid black;
    position: absolute;
    width:100%;
    top: 50%;
    left: 0;
    z-index: -1;
}
h3 {
    background-color:#fff;
    display:inline-block;
}
}