title: How do I make the text shrink automatically to fit in the div?
body: <p>I know i can adjust the font size, but I want it to shrink to fit the div automatically when it is viewed on a different platform which reads font sizes differently for example.</p>
  
  <p>See the fiddle: <a href="http://jsfiddle.net/08pyzgx4/" rel="noreferrer">http://jsfiddle.net/08pyzgx4/</a></p>
  
  <pre><code>&lt;body&gt;
      &lt;div style="width:600px; height:58px; max-width: 600px; background-image:url(http://itrace.co.za/images/emailfiles/banner.png);     background-repeat:no-repeat; display:block; max-width: 600px; font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#000;     text-align:center; padding-top:12px;"&gt;&lt;b&gt;Bla Bla Bla Bla Bla Bla &lt;/b&gt;
  
          &lt;div style="height:16px; max-height:16px; padding-left:88px; padding-right:88px; margin-top:18px; font-size:0.6em; letter-spacing:-0.02em; position:relative;"&gt;&lt;strong&gt;Website: &lt;/strong&gt;www.blabla.co.za | &lt;strong&gt;E-mail: &lt;/strong&gt;info@blabla.co.za | &lt;strong&gt;Control Centre: &lt;/strong&gt;08600-22-blabla&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>