JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
</div>
</td>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
</div>
</td>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
</div>
</td>
</tr>
<tr>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
</div>
</td>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
</div>
</td>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
</div>
</td>
</tr>
<tr>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
</div>
</td>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
</div>
</td>
<td>
<div>
<h6>Lorem ipsum</h6>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
</div>
</td>
</tr>
</table>
CSS
body { background: #f0f0f0; }
table {
border-width: 0px;
border-spacing: 10px;
border-style: outset;
border-collapse: separate;
}
table td {
padding: 10px;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
vertical-align: top;
border-spacing: 10px;
cellspacing: 10px;
}