nbsp not working in CSS content tag

Question

#sitenavmenu-content-menu li:before
{
    content:"|  ";
}

I'd like to add a | and two spaces before each list item. However, for some reason, it prints the word nbsp rather than the space. Have any suggestions?

Answer 1

May be this could be the solution you are looking for :

content: "|\00a0\00a0";