Как сделать так, чтобы более длинные «промежутки» переходили на новую строку в таблице с фиксированной шириной?

Question

У меня есть таблица, ширина которой фиксирована.Его 'tbody' генерируется из ответа ajax.

У меня есть пример того, что я пытаюсь сделать на http://jsfiddle.net/p5LL7/7/ Нажмите на кнопку, чтобы смоделировать ответ ajax.увидим, что второе слово, т. е. «пантера», переносится на следующую строку.Как убедиться, что:

1. В той же строке отображаются промежутки, содержащие слова меньшего размера (как и во втором ряду таблицы), НО
2. Пролеты, содержащие более длинные слова, отображаются наследующая строка?

Answer 1

Дайте пролетам свойство css display: inline-block;, и тогда они должны просто автоматически обернуться.

Также теряем свойство брейк-слова.

Answer 2

.mngAppSpan{
  float:left;
  ..
  .
}