インライン要素の方向

Question

cssのみを使用してインライン要素の順序を変更することはできますか？

我々が持っているように、この：

<span class="opening_quote">“</span> 
<span class="text">Lorem ipsum...</span> 
<span class="closing_quote">”</span> 

• テキストは複数行になります。
• コードでは、ie6 + so：afterと：をサポートする必要があります。私たちは使用できません。

しかし、我々は引用符とテキストの順序を変更する必要がありRTL方向について：

“Lorem ipsum dolor sit amet, consectetur 
adipiscing elit” 

Lorem ipsum dolor sit amet, consectetur” 
         “adipiscing elit 

に感謝を。 （すでに提案されたように）あなたが .opening_quoteに floatを変えて .text span上のテキスト整列を組み合わせることができ

Answer 1

でabsoluteに位置です必要な権利たときに浮かぶまたは変更します構造：

<span class="text">Lorem ipsum...</span> 
<span class="opening_quote">“</span> 
<span class="closing_quote">”</span> 

さらに、absoluteを引用符に追加すると、方向によって異なります。

Answer 2

ので、それはそれはあなたが次のものを作成する必要がright: 0;

Answer 3

親要素に適用すると、あなたのニーズを満たす必要があるCSS directionプロパティがあります。 MDN Link

<style> 
.rtl {direction:rtl;} 
</style> 

<p class="rtl"> 
<span class="opening_quote">“</span> 
<span class="text">Lorem ipsum...</span> 
<span class="closing_quote">”</span> 
</p> 

See this JSFiddle