title: How do make sure longer "spans" go to a new line in a table having fixed width?
body: <p>I have a table whose width is fixed. Its 'tbody' is generated from an ajax response.</p>
  
  <p>I have an example of what I'm trying to do at <a href="http://jsfiddle.net/p5LL7/7/" rel="nofollow noreferrer">http://jsfiddle.net/p5LL7/7/</a> <code></code> 
  Click on the button to simulate an ajax response.You will see that the second word i.e. "panther" breaks on to the next line.  How do I make sure:</p>
  
  <ol>
  <li>Spans which contain smaller words are displayed on the same line(like the second row of the table) BUT  </li>
  <li>Spans which contain longer words are displayed on the next line ?</li>
  </ol>