How to increase text inside div with its size
<p>I have added multiple dynamic divs inside a container div. Each div contains text. Its works fine. But when I added resizable functionality to a div using jquery library. I am able to resize div's but its text size is static. What I want when i increase the div size its text size should also increase and vice versa.</p>

<p>Below is the code with which I have adding resizable functionality and appending to a parent.</p>

<pre><code>          var div = document.createElement('div');
           $(div).attr("id", "dyndiv" + count); 
           objid = "dyndiv" + count ;
           count++;
      var $ctrl = $(div).text($('#txttext').val()).addClass("draggable ui-widget-content").draggable({ containment: '#containment-wrapper', cursor: 'move', snap: '#containment-wrapper' }).resizable({ aspectRatio:true, containment: '#containment-wrapper' }); 

            $("#containment-wrapper").append($ctrl); 
</code></pre>
