JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="inside first">
    999999<br>
    100<br>
    200
  </div>
  
  <div class="inside second">
    100<br>
    200
  </div>
  
  <div class="inside third">
    10000
  </div>
</div>

CSS

body {
  border: solid 1px grey;
  width: 300px;
  height: 150px;
  padding: 5px;
}

.container {
  width: 250px;
  padding: 10px;
  background-color: #D7E1FD;
  font-size: 0px;
  display:table;
}

.inside {
  display: inline-block;
  border: solid 1px black;
  background-color: #FEFA8F;
  margin: 0 5px;
  padding: 10px;
  vertical-align: top;
  font-weight: bold;
  font-size: 14px;
}

.third {
  vertical-align: bottom;
}