How to increase table inside images using html?

Question

I have created one table using HTML.

Table Details :

First row : I inserted one image.

Second row : some contents.

Again i write one row.Third row successfully added.Row content is large , so table automatically increase the size but first row image not increase.

How to increase the image at table content based?

Thanks,

Kumar R

Answer 1

Have you try to add a CSS rule like this?

table img {
    width: 100%;
    height: auto;
}

Maybe it's just a CSS problem.

Answer 2

Add this CSS

table img {
  width : 100%;
  height : auto;
}

Demo :

.tg td {
  border-style:solid;
  border-width:1px;
  overflow:hidden;
}
table img {
  width : 100%;
  height : auto;
}

<table class="tg">
  <tr>
    <td>
      <img src='http://placehold.it/50x50' />
    </td>
  </tr>
  <tr>
    <td>
      some content
    </td>
  </tr>
  <tr>
    <td>
      some laaaaaaaaaaaaaaaaaaaaaarge content
    </td>
  </tr>
</table>