JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column-row">
    
   <div class="column">
       <h3>Col. 1</h3> <p>short text</p>
   </div>

   <div class="column">
       <h3>Col. 2</h3> 
       <p>long text long text long text long text</p>
       <p>long text long text long text long text</p>
       <p>long text long text long text long text</p>
   </div>
       
   <div class="column">
       <h3>Col 3.</h3> <p>short text</p>
   </div>
       
</div>

CSS

/* Styles needed to build the layout */
.column-row { 
    overflow: hidden; 
}

.column-row .column {
	width: 33.33%; /* There's 3 cols, so 100%/3 = 33.33% wors fine */
    float: left;
	margin-bottom: -99999px; /* That is what do the trick */
	padding-bottom: 99999px; /* That is what do the trick */
}

/* visual styles */

.column-row {
    border: 2px solid #000;
}

.column:nth-child(odd) {
    background-color: #ccc;
}