JSFiddle - React, Tailwind, and code Playground

by Amando Filipe

HTML

<hr class="dots"/>

CSS

hr.dots {
    height:14px;
    overflow:hidden;
    outline:none;
    border:none;
}
hr.dots:after {
    content:".......................................................................";
    letter-spacing: 4px; /* Use letter-spacing to increase space between dots*/
}