JSFiddle - React, Tailwind, and code Playground

HTML

<p class="myCopy">
    <span>My Text goes here</span>
</p>

CSS

.myCopy {
    display: block;
    height: 10px;
    border-bottom: solid 1px #000;
    text-align: center;
}

.myCopy span {
    display: inline-block;
    background-color: #fff;
    padding: 0 10px;
}