title: How to make a entire span drop into a new line?
body: <p>This snippet shows what i want:
  <a href="http://jsfiddle.net/945Df/3/" rel="noreferrer">http://jsfiddle.net/945Df/3/</a></p>
  
  <pre><code>&lt;div class="sup" id="pr"&gt;
      &lt;strong&gt;
          &lt;a href="#"&gt;Rosario, Santa Fe, Argentina.&lt;/a&gt; &lt;span class="date"&gt;17 de septiembre de 2013.&lt;/span&gt;&lt;/strong&gt;
  &lt;/div&gt;
  &lt;div class="sup"&gt;
      &lt;strong&gt;
          &lt;a href="#"&gt;Rosario, Santa Fe, Argentina.&lt;/a&gt; &lt;span class="date"&gt;17 de septiembre de 2013.&lt;/span&gt;
      &lt;/strong&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the span to drop into a new line when the width of the div (in the proyect, the viewport) when there's no more space.</p>
  
  <p>Sorry for me bad explanation. I don't know how to do it. Thanks!</p>
  
  <p>Edit: In the second example, the phrase "SEPTIEMBRE DE 2013." drops into a new line. But the phrase "17 DE " is still in the upper line. I want "17 DE SEPTIEMBRE DE 2013." drops into a new line. Got it?</p>