JSFiddle - React, Tailwind, and code Playground

HTML

<hr />
<p id="hr-like">asdfaks dfa sldflasdfasdf as dfa sdf asdfa sdf sadf as dfa sdf as df sdf dfas df asd fsa df asd fas dfas dfas dfasdf asdfa sf d asdfasf asdf asd fa sdfa asd f asdf as dfa sdf asd fsd </p>
<hr />


<div class='hr2'><span>SOME TEXT</span></div>

CSS

#hr-like { border-width: 1px; border-style: inset; }
hr { padding: 10px; }

.hr2 {
  border-bottom: solid 2px green;
  text-align: center;
}
.hr2 span{
  position: relative;
  background-color: white;
  padding: 0 20px; 
  top: 10px;
}