JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<div class="parent">

</div>
<div class="target">
  asdfasdfa<br />
  asdfasdf<br />
  asdfasas<br />
  dfasdfasd<br />
  fasdfasdf<br />
  asdfdf<br />
  sdf<br />
  asdf<br />
  as<br />
  df<br />
  as<br />
  df<br />
  asv
  df
  
</div>
</div>

CSS

.parent {
  transform: scaleX(1);
}
.target {
    width:250px;
    height:100px;
    overflow:auto;
    padding:20px;
    direction:rtl;
    transform: scaleX(-1);
}