title: How can I move text to a new line if it breaks the width of a box?
body: <p>Please take a look at this first: <a href="http://jsfiddle.net/TWbWx/2/">http://jsfiddle.net/TWbWx/2/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="box"&gt;
      &lt;div class="price"&gt;HUF129031290310&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.box {
      background-color:#00FF7F;
      height: 300px;
      width:120px;
  }
  </code></pre>
  
  <p>What I want is when the price goes past the width of the box the numbers should go under the currency. How can I do this? The first step is separating the currency and the amount in separate divs but I'm unsure where to go from there. Any help would be great. </p>