Как добавить специальный символ html (стрелка вправо) с использованием свойства содержимого css?

Я пытаюсь добавить специальный символ html, используя его код. Его работа отлично, когда я использую его внутри своего div, но как я могу это сделать, используя css.

Я пробовал как следует.

.right-arrow:after {
    content:'&#9658'
}

DEMO

ИЗМЕНИТЬ

То, что я хотел, не существует в ответе Matt Ball, потому что мне нужен код для стрелки вправо, и в этом вопросе есть код для стрелки вниз. Поэтому его не дублируют.

Ответы

.right-arrow:after {
    content:'\25BA'
}

<div class="right-arrow">Arrow</div>
.right-arrow:before {
    content:'\25BA';
}