title: Css div height/width transition for dynamic content
body: <pre><code>&lt;div&gt;Text here&lt;/div&gt;
  </code></pre>
  
  <p>Let say I have a div with a textfield in it and I want the div to smoothly make Height/Width transition as I type in more text and make linebreaks. Is there any simple way to do this transition with css without Javascript involved?</p>
  
  <p>How would the text be edited? Javascript or AJAX call.</p>