JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="outer">
  <div class="top">Top Align</div>
  <div class="bot">Bottom Align</div>
</div>

CSS

.outer {
  height: 600px;
  border: 1px solid black;
    position: relative;
}
.top{
  position: absolute;
  border: 1px solid black;
  top: 0;
}
.bot{

  border: 1px solid black;
    position:absolute;
    bottom:0;
}