JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<caption>какая-то фигня</caption>
		<tr>
			<td><img height="123px" src="https://www.freepngimg.com/thumb/castle/23355-6-fantasy-castle-photo.png" width="164px"></td>
			<td><strong>Gludio Castle</strong><br>
			<small>Налог: {gludioTax}%, {gludioSiegeDate}</small><br>
			Владелец: <b>{gludioOwner}</b><br>
			Защитники: {gludioDefenders}<br>
			Атакующие: {gludioAttackers}<br></td>
		</tr>
		<tr>
			<td>Ячейка 3</td>
			<td>Ячейка 4</td>
		</tr>
	</table>

CSS

table {
	width: auto;
	border-collapse: collapse;
	margin-bottom: 1em;
  border: 2px #800 solid;
  font-family: sans-serif;
  font-size: 12px;
}
table caption {
	font-variant: small-caps;
}
table th, table td {
	padding: 0.5em;
}