JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div class="dottedText">Some dotted text</div>

CSS

div {
    font-size: 60px;
    position:relative;
    display:inline-block;
}
.dottedText:after
{
    content: '';
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent 50%, transparent 50%),
    radial-gradient(circle, transparent 20%, white 50%) 30px 30px;
    background-size:4px 4px;
}