title: Resize text in a fixed size div to fit
body: <p>I have a <code>&lt;div&gt;</code> which is 400px wide and 100px high. I want to put a heading in that which will vary in length, and it will take up two lines in the <code>&lt;div&gt;</code> if it is long enough (i.e the <code>&lt;div&gt;</code> will have a default font size of 50px). I want to have the text start at 50px, and have it to shrink down if the text is too long to fit in to the box on two lines.</p>
  
  <p>How do I go about this? I've been playing around with Javascript for a few hours but I am not able to come up with or find anything. All I can find is how to do this for text on one line.</p>