JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="block block-out">
    <div class="block block-in top">
      999999<br>
      100<br>
      200
    </div><div class="block block-in top">
      100<br>
      200<br>
    </div><div class="block block-in bottom">
      10000<br>
    </div>
  </div>
</body>

CSS

body {
  font-family: Arial;
}

.block {
  padding: 5px;
  display: inline-block;
}

.block-out {
  margin: 10px;
  background-color: #d7e1fd;
}

.block-in {
  background-color: #fefa8f;
  border: 1px solid black;
  margin: 5px;
  padding: 5px;
}

.top {
  vertical-align: top;
}

.bottom {
  vertical-align: bottom;
}