JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="fix">
  <div class="test">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate illum, dolore dignissimos ipsum assumenda ea iure accusamus modi distinctio quam nihil consequuntur, consequatur labore quae, repudiandae odit  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident perspiciatis vel, dolor esse odio quos dolores, cupiditate earum perferendis, sequi minima praesentium voluptas doloremque ut, hic obcaecati placeat necessitatibus iste!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi earum esse quod sunloremt nulla nihil, corporis dolore placeat animi similique, nostrum aliquam provident quo, laudantium a ea. Ullam, quaerat amet. laudantium saepe tempora! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi nesciunt quae excepturi harum provident consequatur necessitatibus odit magni, ut quaerat, omnis expedita, dignissimos! Iusto itaque, quos earum dignissimos, reprehenderit magnam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate illum, dolore dignissimos ipsum assumenda ea iure accusamus modi distinctio quam nihil consequuntur, consequatur labore quae, repudiandae odit  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident perspiciatis vel, dolor esse odio quos dolores, cupiditate earum perferendis, sequi minima praesentium voluptas doloremque ut, hic obcaecati placeat necessitatibus iste!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi earum esse quod sunloremt nulla nihil, corporis dolore placeat animi similique, nostrum aliquam provident quo, laudantium a ea. Ullam, quaerat amet. laudantium saepe tempora! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi nesciunt quae exceptur
  </div>
</div>

CSS

body {
  margin: 0;
}
.fix {
  width: 100%;
  height: 100vh;
  overflow: auto;
  display: flex;
  /* align-items: center; */
}
.test {
  margin: auto;
}