title: HTML / CSS - adjust font-size to fill parent height and width
body: <p>I have a <code>&lt;div&gt;</code> element that resizes as the browser window resizes. </p>
  
  <p>Inside the <code>&lt;div&gt;</code> I have a paragraph of text:</p>
  
  <pre><code>&lt;div style="width:80%; height:80%; margin:10%;"&gt;
      &lt;p&gt;Paragraph of text. Paragraph of text. Paragraph of text.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><em>I want the text to change <code>font-size</code> as I resize the <code>&lt;div&gt;</code>, so that the text will occuypy 100% of the available space.</em></p>
  
  <p>How can I achieve this effect?<br/>
  Would it be with a percentage font-size?<br/>
  Would I have to use Javascript?<br/></p>
  
  <p>Thanks in advance!</p>