Fontawesome icon prevent newline wrapping

Question

how can I prevent a newline to be inserted between a fontawesome icon and the text that is near this icon ?

See the fiddle, I have a nbsp, but it is discarded.

Answer 1

I had this issue and the cause was that the font awesome icon was automatically being inserted within it's own new p element. I'm not sure why this was happening, but I solved it with this CSS:

p { display: inline;}

Make sure you specify which p element you're targeting, so that you don't change every p element on your page!