title: What is the space on the right of images in chrome?
body: <p>Consider the following <a href="https://jsfiddle.net/r6oycnvu/" rel="nofollow">example</a>:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;style&gt;
          td {
              padding: 0;
              background: red;
          }
          img {
              display: block;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body
      &gt;&lt;table
      &gt;&lt;tr
        &gt;&lt;td
          &gt;&lt;img src="https://raw.githubusercontent.com/sinatra/sinatra/v1.4.7/lib/sinatra/images/500.png"
        &gt;&lt;/td
      &gt;&lt;/tr
      &gt;&lt;/table
  &gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>There's a red line in <code>chrome</code> on the right of the image. No such line in <code>firefox</code>. It doesn't seem like a space, because the html markup has no spaces between tags. It doesn't seem like a margin, because Developer tools doesn't report any margin.</p>
  
  <p>What is this? How much space could it take?</p>
  
  <p>I'm running <code>chromium-47.0.2526.111</code> (64-bit), if anything.</p>
  
  <p><strong>UPD</strong> I made an example without spaces specifically to show that the red line is not caused by spaces.</p>
  
  <p>Next, it was found the line appears when Zoom is, for instance, 110%. So, everything is supposedly clear now.</p>