JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<div class="external">
  <div>hello</div>
  <div class="special">
    <div>bonjour</div>
    <div>au revoir</div>
  </div>
  <div>holĂ </div>
</div>

CSS

.external {
  display: flex;
  width: 200px;
  height: 200px;
  justify-content: space-around;
  align-items: flex-start;
}

.special {
  align-self: flex-end;
  display: grid;
}