title: Transparent image not transparent in HTML page
body: <p>I have problems with the following HTML-code that outputs an <a href="https://gofile.io/?c=8z8xd4" rel="nofollow noreferrer">image containing table</a>:</p>
  
  <pre><code>&lt;html&gt;&lt;body&gt;
      &lt;table border=1&gt;
          &lt;tr&gt;
              &lt;th text-align='left'&gt;TITLE&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
                  &lt;td&gt;&lt;img src='https://c7.uihere.com/files/740/842/424/american-red-cross-international-red-cross-and-red-crescent-movement-clip-art-red-cross-thumb.jpg' style='background:transparent;'/&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>1) I'm using the transparent image, but it doesn't display it as a transparent (shows it still as a checkered image). Why is it so?<br>
  2) Also, I'm using the text-align='left' attribute, but it doesn't affect the table's title position and it's still aligned in center.</p>
  
  <p>Any ideas what is wrong in my code?</p>