html - 更改 div 中代码元素的方向

Question

我想要 code 和 direction:ltr，它在一个 div 中，direction:rtl。这是我的例子:

div{direction:rtl !important;}
code{direction:ltr; background-color:#eee;padding:2px 5px;}

<div>
    سلام این یک <code>var a = 1;</code> کد است.
<div>

如您所见，分号不在正确的位置。我该如何解决这个问题 css？

Answer 1

只需将 display: inline-block; 插入代码选择器即可。

code {
   display: inline-block;
   //other css...
}

div{direction:rtl !important;}
code{direction:ltr; background-color:#eee;padding:2px 5px;display: inline-block;}

<div>
    سلام این یک <code>var a = 1;</code> کد است.
<div>