title: CSS3 Make Text As Big As Possible To FIll Element Without Overflowing
body: <p>I'm building a phonegap app for IOS, and I have one <code>&lt;p&gt;</code> tag who's contents must be exactly one line across.</p>
  
  <p>These elements have the full width of the device minus a little outer padding.  What I want is for the text to scale to as large a font-size as possible without wrapping to next line, without being cutoff by ellipsis or being clipped, or overflowing. </p>
  
  <p>So far I can accomplish this by precisely setting the font-size (which can be done - there are only about 10 devices to think about), but I'd rather have IOS UIWeview display figure it out for me.</p>
  
  <p>Is it possible to achieve this with CSS?</p>