CSS: после кодирования символов в содержимом

Я использую следующий CSS, который, похоже, работает:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}    

Однако символы не могут быть закодированы таким образом, поскольку вывод является буквальным и показывает фактическую строку:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}   

Если я не могу ее закодировать, мне кажется, что я должен использовать что-то вроде .append () в jQuery, поскольку который поддерживает кодировку. Есть идеи?