title: Scaling text using CSS
body: <p>What is and is there a way scale text using CSS based on the amount of text within a DIV.</p>
  
  <p>I've this page I've created at <a href="http://www.directiongroup.com/tweethearts/">http://www.directiongroup.com/tweethearts/</a> and the CSS for the text is (with a fixed size of 32px):</p>
  
  <p>.jta-tweet-text</p>
  
  <pre><code>{
      color: #ed1c24;
      font-size: 32px;
      text-transform: uppercase;
      line-height: 30px;
      font-weight: normal;
      font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
      text-shadow: 0px 1px 0px #FFFFFF;
  }
  </code></pre>
  
  <p>Many Thanks</p>