JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><p>25%</p>
    <li>25%
    <li>25%
    <li>25%<p>еще текст</p>
    <li>25%
    <li>25%2% 25%25%25% 25%2%<br> 25%25%25%  25%2% 25%25%25% 25%2% 25%25%25%
    <li>25%
    <li>25%
    <li>25%
    <li>25%<br><br><br><br><p>100500</p><br>
    
</ul>

CSS

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

li{
    display:inline-block;
    width:25%;
    position:relative;
    margin-bottom:37px;
    vertical-align:bottom;
}



li:nth-child(4n+1):after{
content:'';
position:absolute;
left:0px;
bottom:-37px;
width:1000%;
height:37px;
background: url(http://s.thumbs.canstockphoto.com/canstock7014385.jpg) 0 100% repeat-x;
}