JSFiddle - React, Tailwind, and code Playground

HTML

<div data-reactroot="" style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;">
  <div style="align-self: flex-start;">
    <div style="flex-shrink: 1;">
      Top Text
    </div>
    <div>
      <div style="flex-grow: 1;">
        Bottom Text
      </div>
    </div>
  </div>
</div>

CSS

div {
  box-sizing: border-box;
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-shrink: 0;
  align-content: flex-start;

  border-width: 0px;
  margin: 0px;
  padding: 0px;
  min-width: 0px;
}