JSFiddle - React, Tailwind, and code Playground

HTML

<div> 
    <span id="s1">Hi! How are</span>
    <span id="s2">you?</span> 
</div>

<div> 
    <span id="s1">Hi! How are</span>
    <span id="s2">عربي/عربى?</span> 
</div>

CSS

#s1 { color: black; }
#s2 { color: red; }

div
{
   direction: rtl;
}

span
{

}