JSFiddle - React, Tailwind, and code Playground

HTML

<table class="goca">
	<tr>
		<td style="width: 100px">No.</td>
		<td style="width: 160px">Horse</td>
		<td style="width: 60px">Age</td>
		<td style="width: 60px">Wgt</td>
		<td style="width: 130px">Jockey</td>
	</tr>
	<tr>
		<td class="prva-kolona">1.<img src="http://img.tradeindia.com/catalogs/template26006/send-mail-icon.jpg" /></td>
		<td>Primus Inter Pares<br />b g</td>
		<td>7</td>
		<td>11-12</td>
		<td>W. Renwick</td>
	</tr>
	<tr>
		<td class="prva-kolona">2. <img src="http://img.tradeindia.com/catalogs/template26006/send-mail-icon.jpg" /></td>
		<td>Northern Quest<br />ch g</td>
		<td>7</td>
		<td>11-7</td>
		<td>P. Kinsella</td>
	</tr>
</table>

CSS

body {
	background-color: #ccc;
}

table.goca {
	border: 2px solid white;
	width: 510px;
	margin: 20px auto 25px;
	border-width: 2px;
	border-color: white;
	border-collapse: collapse;
	background-color: green;
}

table.goca td {
	border: 1px solid white;
    font-family: sans-serif;
	color: white;
	font-size:16px;
	font-weight: bold;
	padding: 2px;
	text-align:center;
    vertical-align: middle;
}

table.goca td.prva-kolona { 
    text-align: left;
}

table.goca td.prva-kolona img { 
    width: 40px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}