JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<tbody>
		<tr>
			<td><img src="http://i.imgur.com/b2f5t2B.png"></td>
			<td><img src="http://i.imgur.com/b2f5t2B.png"></td>
			<td><img src="http://i.imgur.com/b2f5t2B.png"></td>
			<td class="datetime"></td>
			<td><img src="http://i.imgur.com/b2f5t2B.png"></td>
			<td><img src="http://i.imgur.com/b2f5t2B.png"></td>
			<td><img src="http://i.imgur.com/b2f5t2B.png"></td>
		</tr>
	</tbody>
</table>

CSS

body, td, th, img {
    margin: 0px;
    padding: 0px;
}
		
body {
    width: 100%;
    height: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: green;
}

table td {
   	width: 1%;
	text-align: center;
	vertical-align: middle;
}

table td.datetime {
	width: 99%;
	color: #ffffff;
	font: 12px sans-serif;
}