замена пробелов на  

Предположим, что следующий элемент (ищет конечные и начальные пробелы):

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Я хочу заменить все пробелы на  из-за display: inline-blockстранного поведения показано здесь:http://jsfiddle.net/SQuUZ/(не знаю насчет всех браузеров, но последние версии Chrome и Firefox действуют одинаково ).

Теперь, поскольку javascript является опцией здесь, так же как и jQuery, я мог бы:

$('p').text($('p').text().replace(/ /g, ' '));

Но он экранирует  и превращается в a mess of entities.

Очевидно, для таких целей можно было бы использовать$('p').html():

$('p').html($('p').html().replace(/ /g, ' '));

Но этот ещё хуже, потому что ещё и добавляет  внутри самих тегов:

    Lorem Ipsum is simply dummy text of the printing and typesetting industry.



 

И ломает всё...

Примечания:

• Внутри контейнера (будут не только элементы с классом item, которые также не всегда могут быть

  ).

• Можно использовать медленные регулярные выражения (проблема в том, что я не могу придумать ни одного... ).

Какие у меня есть варианты?

Обновление:

На самом деле, может ли кто-нибудь объяснить, почему возникает такая ошибка с этой множественной -строкой / одиночной -строкой display: inline-block;? (См. ссылку на скрипку выше и изучите...)

Вопрос перенесен в блок display :inline -; странное поведение интервалов