title: How to auto grow (width) of a div
body: <p>I have a div</p>
  
  <pre><code>&lt;div id="div1"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and i am inserting text into it using jquery :</p>
  
  <pre><code>$('#div1').html('abcd');
  </code></pre>
  
  <p>I want width of this div expands resize according to length of th text inserted.
  I tried :</p>
  
  <pre><code>   #div1
  {
  width:auto;
  }
  </code></pre>
  
  <p>but it is not working.
  Please help.</p>