HTML以错误的顺序显示特殊字符

我想在HTML中显示一个字符串。 但是，如果第一个字符是特殊字符，HTML将以错误的顺序显示它。 例如，如果字符串为：

@测试：Twitter

我在浏览器中看到的是：

我尝试使用SCS和添加空间来改变方向，但看起来还是一样。 如何正确显示它？ 感谢您的帮助：

编辑： 我在用Angular 8和redux。 我正在该选择器中创建字符串：

const getMediaOutlet = createSelector<InquiryDetailsPartialState, InquiryDetailsState, BasicInfoDictionaryModel>(
getInquiryDetailsState, (state: InquiryDetailsState) => {
    const mediaOutlets: MediaOutletsModel[] = JSON.parse(state.data.mediaOutlets);
    return mediaOutlets && mediaOutlets.length ? {
        titleTranslation: 'INQUIRIES.DETAILS.BASIC_INFO.MEDIA_OUTLETS',
        value: mediaOutlets.map<DictionaryValueModel>(item => {
            return { data:" "+item.text +" : "+ item.typeName } //<- here i build the string ;
        }).filter(source => {
            return source.data && source.data.length;  
        })
    } : { value: [], titleTranslation: '' };
});

---

您可以使用简单的HTML来实现这一点。您不必像只处理HTML一样处理任何CSS

例如：-

<p>Start "&commat;" End.</p>

我用过：

<bdi> </bdi>

---

它按正确的顺序制作。

您是如何尝试显示特殊字符的？你的HTML和CSS？如果你不知道，要求是什么，问题是什么。您给出的示例是当前行为还是预期行为？你有什么样的绳子？HTML没有任何数据类型。你在使用javascript吗？CSS和它有什么关系？@Elior当我在fiddle中测试相同的文本时，你能添加fiddle或任何工作演示吗？它对我很好。当你对文本执行inspect元素时，你看到了什么？在inspect元素中使用devtools？我看到：@test:Twitter