JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div class="col33">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis totam voluptatibus reprehenderit amet nobis possimus numquam</p>
</div>
<div class="col33">
    <ul>
        <li>First Item</li>
        <li>Second Item</li>
        <li>Third Item</li>
    </ul>
</div>
<div class="col33">
    <ul>
        <li>First Item</li>
        <li>Second Item</li>
        <li>Third Item</li>
        <li>Fourth Item</li>
    </ul>
</div>
</div>

CSS

.col33 > ul, .col33 > p {
    margin-bottom: 0;
    padding-bottom: 0;
}  

 #wrapper{
    border: 1px solid green;
    display: table;
}

.col33{
    width: 33%;
    position: relative;
    display: table-cell;
    vertical-align:bottom;
    background-color: red;   
    font-size: 90%;    
}