JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%</li>
</ul>

CSS

ul{
    overflow:hidden;
    width:50%;
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid red;
}

li{
    float:left;
    width:25%;
}
li:nth-child(4n){
    float:none;
    width: auto;
    padding-bottom: 37px;
    background: url(http://s.thumbs.canstockphoto.com/canstock7014385.jpg) 0 100% repeat-x;
}