JSFiddle - React, Tailwind, and code Playground
HTML
<div class="infoColumn"><span class="name">adfadfad</span><br>
fdfadsfadasdfasdf<br>
adfadfadsafdasfd<br>
Phone : (dfadfadf<br>
Fax: (adfadfas<br>
Email: adafdafdsfadas<br>
Department: Some Department...
</div>
<div class="infoColumn"><span class="name">fadsfadadad</span><br>
Ass fdfadsfadasdfasdf<br>
adfadfadsafdasfd<br>
Phone : (dfadfadf<br>
Fax: (adfadfas<br>
Department: Some Department...
</div>
<div class="infoColumn"><span class="name">adfadfad</span><br>
fdfadsfadasdfasdf<br>
adfadfadsafdasfd<br>
Phone : (dfadfadf<br>
Fax: (adfadfas<br>
Email: adafdafdsfadas<br>
Department: Some Department...
</div>
<div class="infoColumn"><span class="name">fadsfadadad</span><br>
Ass fdfadsfadasdfasdf<br>
adfadfadsafdasfd<br>
Phone : (dfadfadf<br>
Fax: (adfadfas<br>
Department: Some Department...
</div>
CSS
.infoColumn{
border: 1px solid #DBE8F7;display:inline-block;width:275px; /*height:130px;*/ padding:5px; margin-top:5px; vertical-align: top;
font-size:11px !important;
*display:inline;
*margin-left:5px;
*width:283px;
/* background: -moz-linear-gradient(center top , #f6f8fa, #FFFFFF) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#f6f8fa), to(#ffffff));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8fa', endColorstr='#ffffff'); */
background: #f6f8fa; /*for non-css3 browsers*/
}
.infoColumn .name{
font-weight:bold; display:inline-block; padding-bottom:5px;
}
JavaScript
$('div.infoColumn:even').each(function(index) {
$(this).height(Math.max($(this).height(),$(this).next().height()));
$(this).next().height(Math.max($(this).height(),$(this).next().height()));
/*var highestCol = Math.max($(this).height(),$(this).next().height());
$(this).height(highestCol);
$(this).next().height(highestCol);
$(this).css('height',Math.max($(this).height(),$(this).next().height()));
$(this).next().css('height',Math.max($(this).height(),$(this).next().height()));*/
});