JSFiddle - React, Tailwind, and code Playground

by Rodwyn Moreno

HTML

<ul class="parent">
  <li class="child">A</li>
  <li class="child">B</li>
  <li class="child">C</li>
  <li class="child">D</li>
  <li class="child">E</li>
  <li class="child">F</li>
  <li class="child">G</li>
  <li class="child">H</li>
  <li class="child">I</li>
</ul>

CSS

.parent {
  border: red solid thin;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 100px;
  overflow-y: scroll;
  
}