JSFiddle - React, Tailwind, and code Playground

HTML

<div id="background">
<ol id="box">
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
  <li>asdf asdf asdf</li>
</ol>
</div>

CSS

html, body {
  height: 100%;
  margin: 0px;
}
#background {
  display: table;
  height: 100%;
  margin: 0 auto;
  width: 200px;
}
#box {
  display: table-cell;
  vertical-align: top;
  background-color: yellow;
}