title: A blank space appears after inserting an image in an HTML table
body: <p><em><strong>When I inserted an image into the table data, there is a lot of white space to the right. Can you tell me why that exists?</strong></em></p>
  <pre><code> &lt;!DOCTYPE html&gt;
      &lt;html lang=&quot;en&quot;&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;UTF-8&quot;&gt;
          &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
          &lt;title&gt;Lorem, ipsum.&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          
         
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;img src=&quot;./profile.jpg&quot; alt=&quot;rashmi-profile&quot; width=&quot;20%&quot;/&gt;&lt;/td&gt;
                  &lt;td&gt; 
                      Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque, in.
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  <p>Please see below the output I want to remove the extra space after the image in the table data
  <a href="https://i.stack.imgur.com/M1jhr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M1jhr.png" alt="enter image description here" /></a></p>