JSFiddle - React, Tailwind, and code Playground

HTML

<ul class='squares'>
    <li>A</li>
        <li>A</li>
        <li>A</li>
</ul>

CSS

.squares > li{
     display: inline;
    }

    .squares > li:before{
     content: "\25A0  "; /* Square and space */
    }