How about using span or inline-block and reverse the actual tag order?
.inline { display: inline-block; }
<span dir="ltr">CO<sub>2</sub></span> <span dir="rtl">ثاني أكسيد الكربون</span>
<hr/>
<p class="inline" dir="ltr">CO<sub>2</sub></p>
<p class="inline" dir="rtl">ثاني أكسيد الكربون</p>