JSFiddle - React, Tailwind, and code Playground

by NicoO

HTML

<ul class="four-four">
    <li>Hi</li>
    <li>Hello</li>
    <li>w00t</li>
    <li>Hehe</li>
    <li>Hi</li>
    <li>Hello</li>
    <li>w00t</li>
    <li>Hehe</li>
</ul>

CSS

ul.four-four
{
    list-style: none;
}
ul.four-four li
{ 
    float: left;
    width: 25%; 
    min-height: 100px;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;  
}