Palavra árabe parcialmente colorida em HTML

Eu não falo árabe, mas preciso de suporte específico para o árabe em nossa web. Eu preciso de partes de palavras em árabe para estar em um<span> com um estilo diferente do resto da palavra. Quando eu digito dois caracteresش eس, eles são compostos em palavraشس, mas quando eu uso marcação HTML

<span>ش</span>س

essas letras não são concatenadas diretamente na saída.

Na imagem, a saída desejada está na segunda linha, a saída real está na primeira linha.

EDITAR: Funciona no Firefox, mas não funciona no Chrome / Safari.

questionAnswers(3)

yourAnswerToTheQuestion