title: How to adjust width of <td>
body: <p>I have a table with a multiple "sections". First there is the title, then the table data.</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt; &lt;th&gt;First Name &lt;/th&gt; &lt;/tr&gt;
      &lt;tr&gt;
         &lt;td&gt;1&lt;/td&gt;
         &lt;td&gt;Smith&lt;/td&gt;
         &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
         &lt;td&gt;2&lt;/td&gt;
         &lt;td&gt;Jackson&lt;/td&gt;
         &lt;td&gt;94&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
         &lt;td&gt;3&lt;/td&gt;
         &lt;td&gt;Johnson&lt;/td&gt;
         &lt;td&gt;67&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
         &lt;td&gt;4&lt;/td&gt;
         &lt;td&gt;Nilson&lt;/td&gt;
         &lt;td&gt;35&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The width of the <code>&lt;td&gt;</code> is always as wide as the title's.  How can I adjust the width of the <code>&lt;td&gt;</code>? </p>
  
  <p>I've tried giving the <code>&lt;td&gt;</code> a class and adjusting it that way but no luck.</p>