Hello every one can any one help me out please? by using this code my font size is go beyound the size of parent div

here

$(divid).resizable({
            maxHeight: parseInt(200),
            maxWidth: parseInt(180),
            resize: function(event, ui) {

                var width1 = parseInt(ui.element.css('width'));
                var height1 = parseInt(ui.element.css('height'));

                ui.element.css({'font-size': width1+'px'});
                ui.element.css({'line-height': height1+'px'});
            }
});

where 'divid' is parent div where child div is present to fire resizing event of font, but i don't want font size go beyond the parent div, text is also not hidden..

can you please help me out???