JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>☐</li>
<li>⧫</li>
<li>▻</li>
<li>⋕</li>
</ul>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>

CSS

@import url(http://fonts.googleapis.com/css?family=Fredoka+One);

ul {
    clear: left;
}

li {
    margin: 5px;
    float: left;
    border: 1px solid #ccc;
    font-size: 120px;
    font-family: 'Fredoka One', cursive;
    line-height: 120px;
    width: 120px;
    height: 120px;
    text-align: center;
  
}