Перенос слов если не хватает места

[CLK]

Подскажите, есть такой код - http://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span.

 

<div class="wr">
  <span>один два три</span>
  <span>четыре пять шесть</span>
  <span>семь восемь девять</span>
</div>

.wr {
  padding: 20px;
}

.wr > span {
  padding: 10px;
  border: 1px solid gray;
}

 

Ну или как сделать что бы при переносе содержимого блока div все выглядело приемлемо.

[Igor Schnaider]

.wr > span {
	display: inline-block;
	/* other styles */
}

 

[CLK]

спасибо