JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>25%</li>
    <li>25%</li>
    <li>25%<br>high</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%<br>very<br>high</li>
    <li>25%</li>
    <li>25%</li>
    <li>25%<br>high</li>
    <li>25%</li>
    <li>25%</li>
    <li>
        <p>25%<br>high</p>
    </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;
}
li:nth-child(4n):after{
    content: '';
    display: block;
    clear: left;
    height: 37px;
    background: url(http://s.thumbs.canstockphoto.com/canstock7014385.jpg) 0 100% repeat-x;
}

li>p{
    display: inline-block;
}