Html 段落中的ltr和rtl混合

我试图在单个段落中使用ltr和rtl内容，跨度不同。它的结果是根据rtl对齐段落中的整个内容。例如，如果我的第一个跨度是rtl，第二个跨度是ltr，那么第二个跨度出现在第一个跨度上，最后一个跨度出现在第一个跨度上

在下面的代码段中，您将看到，在第一个列表组中，时间显示在第一个列表组中，它应该显示在第二个列表组中，如下一个列表组中所示

引导示例
具有自定义内容的列表组

问题在于

p

和

span

具有语言中立的方向性，因此如果

p

中没有强制ltr方向的元素，则整个内容只会采用自然方向

一个可能的解决方案是将每个

p

中的最后一个

span

更改为

bdo

，但我相信还有其他更优雅的方法

具有自定义内容的列表组

问题在于

p

和

span

具有语言中立的方向性，因此如果

p

中没有强制ltr方向的元素，则整个内容只会采用自然方向

一个可能的解决方案是将每个

p

中的最后一个

span

更改为

bdo

，但我相信还有其他更优雅的方法

具有自定义内容的列表组

是。。。与铬不兼容。应该是跨浏览器兼容的。：）通过实验，我找到了一种在Mozilla和Chrome中都能工作的方法。希望这不是一个太多的黑客！如果我在段落中有一个HTML表单元素，如checkbox或button，它就不起作用。或者如果你不能，我应该删除这个答案吗？是的。。。与铬不兼容。应该是跨浏览器兼容的。：）通过实验，我找到了一种在Mozilla和Chrome中都能工作的方法。希望这不是一个太多的黑客！如果我在段落中有一个HTML表单元素，如checkbox或button，它就不起作用了。或者如果你不能，我应该删除这个答案吗？