JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divider">
  <hr class="left"/>TEXT<hr class="right" />
</div>

CSS

.divider {
    width:500px;
    text-align:center;
}

.divider hr {
    margin-left:auto;
    margin-right:auto;
    width:40%;

}

.left {
    float:left;
}

.right {
    float:right;
}