JSFiddle - React, Tailwind, and code Playground

HTML

<hr class="headingrule" /><span id="heading">text</span><hr class="headingrule" />

CSS

.headingrule {
    float: left;
    width: 40%;
}

#heading {
    float: left;
}