title: Filling div using letter-spacing
body: <p>The problem I'm having is filling a <code>div</code> with text using <code>letter-spacing</code>. The main issue is, I don't know the width of the <code>div</code>. </p>
  
  <p>First I was thinking using, <code>text-align= justify</code>, but since that I've been running in the dark and got no clue to how to solve this. I'm guessing some scripting magic might do the trick.</p>
  
  <p>An imgur link giving you an idea what I mean:</p>
  
  <p><img src="https://i.stack.imgur.com/VFC35.png" alt="what I have versus what I want"></p>
  
  <pre><code>&lt;div id="container"&gt;
   &lt;h1&gt;Sample&lt;/h1&gt;
   &lt;p&gt;Another even longer sample text&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is a link showcasing an example; <strong><a href="http://jsfiddle.net/7YH2a/1/" rel="nofollow noreferrer">JSfiddle</a></strong>.</p>