JSFiddle - React, Tailwind, and code Playground
HTML
<div class="rowWrapper">
<table>
<tr class="moduleInfo">
<td class="moduleTitle" style="width: 85%">Module1 Module1 Module1 Module1 Module1</td>
<td><button type="submit">Action1</button></td>
</tr>
<tr class="actions">
<td class="moduleTime">08-05-2013 11:12:33</td>
<td>
<button type="submit">Action2</button>
<button type="submit">Action3</button>
<button type="submit">Action4</button>
<button type="submit">Action5</button></td>
</tr>
</table>
</div>
CSS
.rowWrapper{
border: 1px solid #a29791;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 4px 0;
padding: 4px;
overflow: hidden;
}
table{
width: 100%;
}
table tr .moduleInfo {
float: left;
}
table tr .actions {
float: right;
}
table tr td button {
display: block;
}