CSS: increase the space or width of &nbsp visually?

Question

Can we increase the space or witdh of   when we see it on a browser?

For instance,

Home   Away

I would like it to have a bigger space between these two words instead of adding too many  

Or maybe there are other solutions rather than using  ?

Answer 1

A better solution, without using extra markup, using CSS word-spacing:

<p>Home Away</p>

And the CSS:

p{ 
    word-spacing:30px;
}

jsFiddle Demo

This will allow you to effectively separate design from content in your code.