Fit image to table cell [Pure HTML]

Question

How do i fit image to table `td` cell? [Pure HTML] I have tried below code to fit an image in table `td` cell. HTML code is here : ```

``` As you can see in following screenshot and in JsFiddle DEMO, that image doesn't fit to `td` cell. Shot : What am i doing wrong ? Any suggestion would be awesome.

Accepted Answer

Inline content leaves space at the bottom for characters that descend (j, y, q): https://developer.mozilla.org/en-US/docs/Images,_Tables,_and_Mysterious_Gaps There are a couple fixes: Use `display: block;` ```

``` or use `vertical-align: bottom;` ```

```

Fit image to table cell [Pure HTML]

Solution

Problem