JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span class="left">Text</span>
    <span class="right">Text</span>
    <hr/>
</div>

CSS

div { width: 80%; }
hr { position: relative; top: 0.4em; }
span.left { float: left; padding-right: 0.5em; }
span.right { float: right; padding-left: 0.5em; }