title: Resize text/div using mouse in javascript
body: <p>I'm looking to create a very simple way to allow users to be able to resize text. I want a box around a word or paragraph with handles that will allow the user to resize the box. Then the text inside the box auto resize to fit the new box.</p>
  
  <p>How can I create the handles similar to the screen below?</p>
  
  <p>The only example I can find is on VistaPrints web site. </p>
  
  <p>Screenshot</p>
  
  <p><img src="https://i.stack.imgur.com/1ALOf.png" alt="enter image description here"> </p>
  
  <p>Here is a <a href="http://www.vistaprint.com/vp/ns/studio3.aspx?template=857333_B7K&amp;referer=http%3A%2F%2Fwww.vistaprint.com%2Fgallery%2FIOUCAAABAAEAAAA%3D%2Fpersonal-business-cards.aspx%3Fxnav%3DProductHub_Carousel_1_BC1&amp;ag=True&amp;uei=704733&amp;filter=9%3A10013%7C%7C1%2C3%3A10529%7C%7C1&amp;xnav=previews&amp;xnid=image_172&amp;rd=1" rel="nofollow noreferrer">link</a> to the page:</p>