JSFiddle - React, Tailwind, and code Playground

HTML

<br/>
<br/>
<br/>
<hr/>
<p>
   texto
</p>
<br/>
<br/>
<br/>
<hr/>
<p>
   texto
</p>
<br/>
<br/>
<br/>
<hr/>
<p>
   texto
</p>
<br/>
<br/>
<br/>
<hr/>
<p>
   texto
</p>

CSS

hr{
    display:block;
   margin: 0 auto;
    border-style:inset;
    border-width:3px;
    width: 300px;
    color:blue;
    }
    
    p{
      text-align: center;
    }