JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0", cellspacing="0">
	<tr>
		<td class="imageThumbN">
			<a href=""}>
			<img src="http://s8.postimg.org/5y5wc8jqp/test1.png" width="130" height="130" border="0"></a>
		</td>
	</tr>
	<tr>
		<td class="imageLink">
      <font color="white">Text</font>
		</td>
	</tr>
</table>

CSS

img { vertical-align: bottom; }

td.imageThumbN 
{
background-color: red;
height: 130px;
width: 130px;

  /* font-size: 0; */
  /* display: block; */
}

td.imageLink 
{
background-color: black;
}