JSFiddle - React, Tailwind, and code Playground

HTML

<h3>This is a header.</h3>

<div class="customHr">.</div>
<p>Here is some sample paragraph text.<br> This demonstrates what could go below a custom hr.</p>

CSS

.customHr {
    width: 95%;
    font-size: 25px;
    color: rgba(0, 0, 0, 0);
    line-height: 25px;
    
    background-color: grey;
    margin-top: -6px;
    margin-bottom: 10px;
}