How to make a entire span drop into a new line?

[eurodude]

This snippet shows what i want:http://jsfiddle.net/945Df/3/\[code\]<div class="sup" id="pr"> <strong> <a href="http://stackoverflow.com/questions/14465765/#">Rosario, Santa Fe, Argentina.</a> <span class="date">17 de septiembre de 2013.</span></strong></div><div class="sup"> <strong> <a href="http://stackoverflow.com/questions/14465765/#">Rosario, Santa Fe, Argentina.</a> <span class="date">17 de septiembre de 2013.</span> </strong></div>\[/code\]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.Sorry for me bad explanation. I don't know how to do it. Thanks!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?