JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<table class="table">


<tr>
<td>
  <span>16/12/2018 00:00:00</span>
  <p class="badge badge-danger mb-0" style="width:100px;line-height:normal;word-wrap:break-word;white-space: normal;">Some long text here like abcd smnopqurst xyz</p>
</td>
<td>
  <span>16/12/2018 00:00:00</span>
  <p class="badge badge-danger mb-0" style="width:100px;line-height:normal;word-wrap:break-word;white-space: normal;">Some long text here like abcd smnopqurst xyz</p>
</td>
</tr>
</table>

CSS

td{
  vertical-align:top;
}
td p.badge{
  vertical-align:top;
  display:inline-block;
}