I want to be able to resize some text I have in a part of my site. What I mean is this - If the text is changed to a word that has so many letters that it exceeds the width or height of the p tag or container it is in it will automatically resize smaller to fit in. Is this possible with ems? If so I'm not sure how to implement it into my code.
Here's my container so far:-
<div id="item_container" style="border:1px solid #CCCCCC; width:152px; height:100px; float:left;">
<p id="r_text" style="float:left; width:152px; height:100px; line-height:100px; text-align:center; margin:0; padding:0; font-size:2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#cccccc">EXPIRED</p>