JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul.squares{
     list-style-type:square;      
 }

 .squares li {
     float:left;
     margin-right:10px;
 }