title: Table cell box model: extra width and height
body: <p>Here's the table cell: <a href="https://developers.google.com/+/web/share/#sharelink-sizes" rel="nofollow noreferrer">https://developers.google.com/+/web/share/#sharelink-sizes</a></p>
  
  <p><img src="https://i.stack.imgur.com/hyvFr.jpg" alt="Table cell screenshot"></p>
  
  <p>As you see when you use the <em>inspect element</em> feature in Chrome or Firefox, the total width and height of the table cell is calculated as 105px × 85px. However, the cell content (image) is only 64px × 64px and the cell padding is 6px 10px 6px 10px. I don't see any width and height properties in the element style, so where does this extra width and height come from?</p>