JSFiddle - React, Tailwind, and code Playground
HTML
<div class='table'>
<div class='col'>
<div class='img'></div>
<div class='title'>Title 1</div>
<div class='content'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</div>
<div class='date'>11.11.2013</div>
<div class='button'></div>
</div>
<div class='col empty'></div>
<div class='col'>
<div class='img'></div>
<div class='title'>Title 2</div>
<div class='content'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</div>
<div class='date'>11.11.2013</div>
<div class='button'></div>
</div>
<div class='col empty'></div>
<div class='col'>
<div class='img'></div>
<div class='title'>Title 3</div>
<div class='content'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</div>
<div class='date'>11.11.2013</div>
<div class='button'></div>
</div>
</div>
CSS
.table {
table-layout: fixed;
display: table;
}
.col {
width: 235px;
margin: 0px;
border: 0px;
padding: 0px;
vertical-align: top;
background-color: white;
display: table-cell;
position: relative;
}
.empty {
width: 40px;
background: none;
}
.img {
width: 235px;
height: 100px;
background-color: #ababab;
}
.title {
color:#2c518c;
font-size:18px;
width: auto;
padding:10px 20px;
}
.content {
font-family: 'Arial';
width: auto;
padding: 0px 20px 40px 20px;
font-size:13px;
color:#4c4c4c;
}
.button{
width:27px;
height:27px;
display:block;
position: absolute;
bottom: 0;
right: 0;
background-color: #ababab;
}
.date{
font-family: 'Arial';
float:left;
padding: 0px 20px;
font-size:11px;
color:#a7a7a7;
position: absolute;
bottom: 14px;
left: 0;
}