I'm trying to add an html entity ( → →) using css when a link is hovered with the following css: #menu1 a:hover:after { content: "→"; } But the output is just → instead of →. The same problem happens when using the decimal (8594) or the entity (rarr). How do I include an HTML entity with css?

css html entity

I'm trying to add an html entity (→ →) using css when a link is hovered with the following css:

#menu1 a:hover:after {
  content: "&#8594;";
}

But the output is just → instead of →. The same problem happens when using the decimal (8594) or the entity (rarr).

How do I include an HTML entity with css?