JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<ul>
<li>item1</li>
    <li>item2 blahbla<br/> blahblah</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
<li>item6</li>
<li>item7</li>
<li>item8</li>
<li>item9</li>
</ul>

CSS

body,html,ul{
    margin:0;
    padding:0;
}
li{
    list-style-type: none;
    float:left;
    width:33.33%;
    padding:50px 0;
    margin: 0;
    border-top:5px solid black;
    text-align:center;
}
li:nth-child(1), li:nth-child(2), li:nth-child(3){
    border-top:none;
}
li:nth-child(3n+4){
    clear:left;
    
}