JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li class="padded">x</li>
<li>x</li>
</ul>

CSS

li {
        width: 25px;
        height: 25px;
        border: solid 1px black;
        display: inline;
        margin: 0 2px 0 0;
        float: left;
}

.padded {
    padding-top: 3px;
    text-align: center;
}