JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">

<div class="child-1">
<p>First</p>
</div>

<div class="child-2">
<p>Second</p>
</div>

</div>

CSS

.parent{
  display:table;
  width: 100%;
}


.parent .child-1{
  display: table-footer-group;
  background:yellow;
}

.parent .child-2{
  display: table-header-group;
  background:green;
}