JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<p>Awesome horizontal rulers with pseudo-elements</p>
<hr>
<p>This is neat!</p>

CSS

hr {border: none; height: 0;}
hr:after {
    display: block; position: relative; top: -0.5em; color: #000;
    content: "\2022 \2022 \2022 \2022 \2022"; text-align: center; letter-spacing: 1em; line-height: 1em;
}