JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tbody>
        <tr align="center" bgcolor="silver" height="35">
            <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>
            <td colspan="3" align="center" style="position: relative;"><a href="#"><img src="http://s1.iconbird.com/ico/1012/human02/w128h1281349049090googleearthicon.png" style="max-width:100%"></a>
            </td>
        </tr>
        <tr>
            <td colspan="3">Здесь автор фото</td>
        </tr>
        <tr>
            <td colspan="3">Это текст описание фотографии, он может быть произвольной длины.</td>
        </tr>
    </tbody>
</table>