JSFiddle - React, Tailwind, and code Playground

HTML

<div class="elastic borders __blue large">
  <div class="elastic_col valign-bottom borders">
    <center>bottom-aligned content</center>
  </div>
</div>

CSS

.elastic {
  display: table;
}
.elastic_col {
  display: table-cell;
}
.valign-bottom {
  vertical-align: bottom;
}

.borders {
  border: 1px solid #777;
  padding: 8px;
}
.borders.__blue {
  border-color: #37d;
}
.large {
  height: 200px;
  width: 300px;
}