JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dir-ltr">
Hello
</div>

<div id="dir-rtl">
Hello
</div>

<div id="dir-ltr" class="right">
Hello
</div>

<div id="dir-rtl" class="right">
Hello
</div>

CSS

div {
  text-align:end;
}

#dir-ltr {
  direction:ltr;
}

#dir-rtl {
  direction:rtl;
}

div.right {
  text-align:right;
}