html根据DIRECTION设置更改元素的水平对齐

我有一个支持所有语言的网站，包括RTL（希伯来语、阿拉伯语、波斯语等）。这些应用程序是使用AngularJS、Bootstrap和JavaScript开发的。

通过设置dir="auto"，我可以正确显示文本（英语为LTR，阿拉伯语为RTL）。我的问题是元素的对齐。

假设您需要显示一个列表。当语言是英语时，列表会显示：

- Entry 1; this is with a short tail,
- Entry 2; no tail,
- Entry 3; this is with a tail that is longer than the one of the 1st entry

如果这个列表是阿拉伯语的，它看起来如下：

دخول 1؛ هذا هو الحال مع ذيل قصير -
دخول 2؛ بلا ذيل، -
دخول 3؛ هذا هو الحال مع ذيل أطول من واحد من دخول 1ST - 

显然应该像一样正确对齐

                         دخول 1؛ هذا هو الحال مع ذيل قصير -
                                           دخول 2؛ بلا ذيل، -
    دخول 3؛ هذا هو الحال مع ذيل أطول من واحد من دخول 1ST - 

（我向所有讲阿拉伯的人道歉，但我不是你们中的一员，也使用过谷歌翻译，所以我不知道翻译的质量如何）。

那么，有没有一种方法可以测试内容的字符集并设置horizontal-align:left或horizontal-align:right？

希望我的问题很清楚。。。

提前谢谢。