rtl上的最后一个字符排在第一行

Question

在我的html中，以下字符串将由js生成，并将附加到p标记...我的html是RTL，因为该语言是波斯语，但在某些方面，我有这样的英语字符。

#C   C#  D

但是上面生成的字符串显示为

C    C#   D#

我测试了此代码，但不适用于我：

unicode-bidi: bidi-override;

这是我的代码：

<p id="chord-3" class="chord">C        C#       D#  </p>

Answer 1

*{
  margin:0;
  padding:0;
}
html{
  direction:rtl
}
.ltr{
  direction:ltr;
  text-align:right;
}

<p class="ltr">#C   C#  D</p>
<p>مرحبا</p>

为此英语单词width CSS添加一个类：

 direction:ltr;
  text-align:right;