How to increase text height and width with respect to its div
<p>Below code is to add div with text and call back fuction to increase text size but it is not working properly.I want to resize my div and with that respect text should increase with its height and width.</p>

<pre><code>            $("&lt;div&gt;", { 'id' : "dyndiv" + count }) 
            .text($input.val()).addClass("draggable ui-widget-content HandleTopRowBorder").draggable({ 
              containment: '#containment-wrapper', 
              cursor: 'move', 
              delay: 200,
              distance: 30,
              opacity: 0.35 

            }).resizable({containment: '#containment-wrapper'},
                               start : function(event, ui)
                                      { ini_text_size_width = $(this).width(); },
                                      resize: function (event,ui)
                                       { fin_text_size_width = ($(this).width() / ini_text_size_width);
                                         $(this).css("font-size" ,( parseInt($(this).css("font-size")) +  (fin_text_size_width )) + "pt") } });   
     );       
</code></pre>
