title: Adjust table column width to content size
body: <p><strong>Form</strong> (with firebug highlight hover the td):</p>
  
  <p><a href="https://i.stack.imgur.com/OYgFV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OYgFV.png" alt="example"></a>
  </p>
  
  <p><strong>Label column CSS</strong>:</p>
  
  <pre><code>width: auto;
  padding: 0;
  margin: 0;
  </code></pre>
  
  <p><strong>The problem</strong>:</p>
  
  <p>Why my left columns have that invisible "padding-right"? It's not possible to shrink columns to fit their content?</p>
  
  <p><strong>--EDIT--</strong></p>
  
  <p>The problem was the table itself. I defined table with "width: 100%". Removed that and the problem is gone.</p>