JSFiddle - React, Tailwind, and code Playground

by hedgehog

HTML

<table>
    <tr>
        <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif"><span>sometext<br /> is nowhere</span></td>
        <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif"><span>blueprint</span></td>
    </tr>
    <tr>
        <td>Юпитер последовательно растягивает квазар – север вверху, восток слева. Солнечное затмение колеблет первоначальный спектральный класс, генерируя...</td>
        <td>Красноватая звездочка излучает экранированный экситон, хотя этот факт нуждается в дальнейшей тщательной экспериментальной проверке.</td>
    </tr>
    <tr>
        <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif"><span>greyscale</span></td>
        <td> <img src="http://soft.mydiv.net/images/win/icons/TNT-Clip-Art-Library.gif"><span>sometext<br />somewhere</span></td>
    </tr>
    <tr>
        <td>Юпитер последовательно растягивает квазар – север вверху, восток слева. Солнечное затмение колеблет первоначальный спектральный класс, генерируя...</td>
        <td>Красноватая звездочка излучает экранированный экситон, хотя этот факт нуждается в дальнейшей тщательной экспериментальной проверке.</td>
    </tr>
</table>

CSS

td {
    vertical-align: middle;
    border: solid 1px black;
    width:150px;    
    font-size: 12px;}
img { vertical-align: middle;}
span {display: inline-block; vertical-align: middle;}