JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" border="0" class="lst_n4">
				<tbody><tr align="center" bgcolor="silver" height="35" class="navbar">
					<td width="20%" align="left" style="color:black">&lt;
</td>
					<td width="60%" align="center" style="color:black">2 из 10</td>
					<td width="20%" align="right" style="color:black">&gt;
</td>
				</tr>
				<tr class="photo">
					<td colspan="3"><a href="#"><img src="http://xn----8sbiecm6bhdx8i.xn--p1ai/sites/default/files/earth_4.jpg" width="100%"></a></td>
				</tr>
				<tr>
					<td colspan="3">Здесь автор фото</td>
				</tr>
				<tr>
					<td colspan="3">Это текст описание фотографии, он может быть произвольной длины.</td>
				</tr>
			</tbody></table>