JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="one box">one</div>
    <div class="two box">two</div>
  </div>

CSS

.wrap {
  border:1px solid gray;
  padding: 30px;
  height: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.one {
  padding: 10px;
  border: 1px solid red;
}

.two {
  padding: 10px;
  border: 1px solid red;
  align-self: flex-end;
}