JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>
            <span></span>
            статья маленькая
            
            <div class="button"></div>
        </li>
        <li>
            <span></span>
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            статья большая
            <div class="button"></div>
        </li>
        <li>
            <span></span>
            статья третья средняя
            статья третья средняя
            статья третья средняя
            статья третья средняя
            статья третья средняя
            <div class="button"></div>
        </li>
    </ul>

CSS

ul{
list-style:none;
width:500px;
margin:0 auto;
padding:0;
background:#ccc;
font-size:0px;
}


li{
display:inline-block;
width:30%;
padding-bottom:25px;
font-size:14px;
position:relative;
vertical-align:top;
text-align:center;
}


li span{
display:block;
margin:0 auto;
width:50px;
height:50px;
background:red;
}


.button{
position:absolute;
bottom:0;
right:5px;
width:50px;
height:20px;
background:green;
}