replacing spaces with

Question

Let's assume the following element (look for the trailing and leading spaces): ```

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

``` I want to replace all spaces with ` `, due to `display: inline-block` weird behavior shown here: http://jsfiddle.net/SQuUZ/ (I don't know about all browsers, but latest Chrome and Firefox both act the same). Now, since javascript is an option here, so is jQuery, I could: ``` $('p').text($('p').text().replace(/ /g, ' ')); ``` But it escapes the ` ` and turns out into `a mess of entities`. Obviously, for such purposes we could use `$('p').html()`: ``` $('p').html($('p').html().replace(/ /g, ' ')); ``` But this one is even worse, because, it also adds ` ` within the tags themselves: ```

Lorem Ipsum is simply dummy text

Accepted Answer

```
$('p').contents().filter(function(){
    return this.nodeType == 3 // Text node
}).each(function(){
    this.data = this.data.replace(/ /g, '\u00a0');
});
```

DEMO

replacing spaces with

Solution

Problem

Related problems

replacing spaces with &nbsp;

Solution

Problem

Related problems

replacing spaces with