How to show html code have multi TextDirection in same line in flutter?

I want to show html code in flutter that have English and Arabic words in same line
I use flutter_widget_from_html pub to handle with this but when i show code like

<p>ثاني اكسيد الكربون CO<sub>2</sub></p>

the sub text show in left becouse i put the text direction rtl and the sub text should be at right like this how to solve this problem

i try to change code to

<p dir="rtl">ثاني أكسيد الكربون</p> <p dir="ltr">CO<sub>2</sub></p>

but it will show in seperate line and i want them in same line

You need to sign in to view this answers