Html 如何在列表元素中应用方向css属性

我有一些遗留html标记，需要启用阿拉伯语支持

因此，我有一个新闻标题列表，并将它们呈现在

元素中

这是苏德：

..
<li>
<a>some Arabic text</a>
<em>news datetime</em>
</li>
..

。。

一些阿拉伯文文本
新闻日期时间

..

所以，我需要为锚点应用rigth文本对齐和方向rtl，但不适用于datetime。 我为

元素应用了文本对齐，一切正常。 但我需要将“direction:rtl”样式应用于锚点，这就是我的问题所在

我试着用rtl direction属性创建

元素，并将锚点放在其中。这在chrome中运行良好，但我需要支持IE6+

此外，我还尝试将direction属性应用于

，并在

中重写此属性，但这不起作用

有什么建议吗

提前感谢,，

---

Vitali.

如果em不在li范围内

<ul dir="rtl">
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
</ul>

العب㶡
11/24/2011
العب㶡
11/24/2011
العب㶡
11/24/2011
العب㶡
11/24/2011

如果在div中需要em

<style>
ul { direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

<style>
    ul { direction:rtl; } ul li{ direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

ul{direction:rtl；}ul li em{direction:ltr；}/*em{direction:ltr；float:left；}*/

---

العب㶡
11/24/2011

العب㶡
11/24/2011

العب㶡
11/24/2011

如果您的阿拉伯文包含英语单词

<style>
ul { direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

<style>
    ul { direction:rtl; } ul li{ direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

ul{方向：rtl；}ul li{方向：rtl；}ul li em{方向：ltr；}/*em{方向：ltr；浮点：左；}*/

如果em在li之外

<ul dir="rtl">
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
     <li>العربية</li>
     <em>11/24/2011</em>
</ul>

العب㶡
11/24/2011
العب㶡
11/24/2011
العب㶡
11/24/2011
العب㶡
11/24/2011

如果在div中需要em

<style>
ul { direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

<style>
    ul { direction:rtl; } ul li{ direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

ul{direction:rtl；}ul li em{direction:ltr；}/*em{direction:ltr；float:left；}*/

---

العب㶡
11/24/2011

العب㶡
11/24/2011

العب㶡
11/24/2011

如果您的阿拉伯文包含英语单词

<style>
ul { direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

<style>
    ul { direction:rtl; } ul li{ direction:rtl; } ul li em{direction:ltr;} /* em{direction:ltr; float:left;} */
</style>

ul{方向：rtl；}ul li{方向：rtl；}ul li em{方向：ltr；}/*em{方向：ltr；浮点：左；}*/

我很抱歉你不得不支持IE6。我很抱歉你不得不支持IE6。

li em{…

可能更合适。

li em{…

可能更合适。@Truth

em

不是

rtl

试试：），因为日期时间会正确显示，如果

rtl

效果

em

在这个代码输出中类似于

2011/24/11

，但它是not@Truth

em

不是

rtl

试试：），因为日期时间显示正确首先，如果此代码输出中的

rtl

效果

em

类似于

2011/24/11

，但事实并非如此