JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hren">
<ul>
<li>222</li>
<li>222</li>
<li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li><li>222</li>
</ul>
</div>

CSS

body {
  margin: 0; padding:0;
}
.hren {
  display:block;
  width:100px;
  background-color: red;
  overflow: hidden;
  height: 100vh;
}