JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<div id="outer">
  <div id="inner">
  </div>
</div>

CSS

#outer {
  position: relative;
}

#inner {
  position: absolute;
  top: 50%;
  height: 18em;
  margin-top: -9em;
}

/** Style for demonstration purpose only **/

#outer {
  border: 1px solid green;
  height: 20em;
}

#inner {
  border: 1px solid red;
  width: 100%;
}