title: CSS, how to create a label width of the longest containing text?
body: <p>I have a table with two columns, like this:</p>
  
  <pre><code>Firstname: Jeff
  </code></pre>
  
  <p>Where the first column is a label and the second one is an input. Now I'm setting the width of the label at 180px, but if there I have larger text (one word larger than 180px), it's not showed completely. </p>
  
  <p>I've tried to set in css the width of the labels as 'auto', but I don't want different widths of labels in the same column.</p>
  
  <p>The result shall look like this:</p>
  
  <pre><code>Firstname:    Jeff
  Enciclopedia: Yes
  Town:         Tokyo
  </code></pre>
  
  <p>How can I resolve this with Css?</p>
  
  <p>Thanks a lot,</p>
  
  <p>Jeff</p>