Я создал скинни класс CSS без полей, отступов или border:

.skinny
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0 0 0 0;
}

И я применил его к строке, содержащей изображение, к которому также применен класс skinny :

<td width="33%" align="center" class="skinny">
    <table width="400px" height="180px" class="skinny">
        <tr class="skinny">
            <td class="skinny" width="60px" height="100px"><a class="skinny" href="/"><img class="skinny" width="60px" height="100px" id="snapshot" src="/images/snapshot.png"></a></td>
            <td class="skinny" width="120px" height="100px"><a class="skinny" href="/"><h1 class="skinny">Product</h1></a></td>
        </tr>
    </table>
</td>

Я пытаюсь сделать так, чтобы изображение выглядело как можно ближе к

текст в следующей ячейке, чтобы они прижались друг к другу слева направо.

Но независимо от того, к скольким элементам я применяю класс skinny , кажется, что вокруг каждой ячейки таблицы есть что-то вроде «заполнения», которое создает пространство между изображением и текстом.

Как это удалить?