JSFiddle - React, Tailwind, and code Playground

by maroKanatani

HTML

<div class="wrapper">
  <div class="content">
    <span>
      雨ニモマケズ風ニモマケズ雪ニモ夏ノ暑サニモマケヌ
      丈夫ナカラダヲモチ慾ハナク決シテ瞋ラズイツモシヅ
      カニワラッテヰル一日ニ玄米四合ト味噌ト少シノ
      野菜ヲタベアラユルコトヲジブンヲカンジョウニ入レズニヨク
    </span>
  </div>
</div>
<button class="right">copy</button>

CSS

.wrapper {
   width: 300px;
   overflow-x: scroll;
   transform: rotateX(180deg);
}

.content {
  background-color: aqua;
  width: 600px;
  transform: rotateX(180deg);
}
        
.right {
  position: absolute;
  left: 16.5rem;
  top: 4.5rem;
}