Фиксация изображения в столбце таблицы

Question

Мне нужно, чтобы мое изображение было 20% в ширину и 20% в высоту, но когда я использовал ширину 20%, он растягивал ширину столбца туда, где есть много белого пространства справа от изображения. Я не хочу лишних пробелов. Как это исправить?

img { 
 
width: 20%; 
 
height: 20%; \t 
 
}

<table border = '1'> 
 
\t 
 
<tr> 
 
<td> <img src = "http://www.thetimes.co.uk/tto/multimedia/archive/00309/108787995_309592c.jpg" height="42" width="42"> </td> 
 
<td> This is a cat! </td> \t 
 
</tr> \t 
 
\t 
 
</table>

Answer 1

Не совсем уверен, что вы после этого, но, избавившись от высоты и ширины инлайн атрибутов и CSS собственности ширина должна это исправить.

img { 
 
    height: 20%; \t 
 
}

<table border = '1'> 
 
\t 
 
<tr> 
 
<td> <img src = "http://www.thetimes.co.uk/tto/multimedia/archive/00309/108787995_309592c.jpg"> </td> 
 
<td> This is a cat! </td> \t 
 
</tr> \t 
 
\t 
 
</table>