title: Change the width of different td's according to text
body: <p>I have created a table and now i wanted to change the width of td's depending on the text. but it is not effecting on td's. and If i change the width of first td then it also automatically change the width of next tr "td". How can i give different widths on different td's in html.Below is my code.</p>
  
  <pre><code>&lt;div style="width:100%;"&gt;
      &lt;table border="1"&gt;
          &lt;tr&gt;
              &lt;td style="font-weight:bolder;" width="150px"&gt;&lt;span id="lblStockName"&gt;&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style="font-weight:bolder;" width="30px"&gt;Bid:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblBid"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td style="font-weight:bolder;"&gt;Ask:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblAsk"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td style="font-weight:bolder;"&gt;Spot:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblSpot"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td style="font-weight:bolder;"&gt;Hi:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblHi"&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span id="lblLimit"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td style="font-weight:bolder;"&gt;Last:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblLast"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td style="font-weight:bolder;"&gt;Ch:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblCh"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td style="font-weight:bolder;"&gt;Vol:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblVol"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td style="font-weight:bolder;"&gt;Low:&lt;/td&gt;
              &lt;td&gt;&lt;span id="lblLow"&gt;&lt;/td&gt;'
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>