JSFiddle - React, Tailwind, and code Playground

HTML

<div id="app" dir="rtl">
  <h1>
    TITLE
  </h1>
</div>

SCSS

#app {
  width: 300px;
  height: 300px;
  background: red;
    
  h1 {
    &[dir="ltr"] {
      margin-left: 10px;
    }
    
    &[dir="rtl"] {
      margin-right: 10px;	
    }
  }
}