JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="btn-1"></div>
<div class="btn-2"></div>
<div class="btn-3"></div>

<div class="text">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A veritatis harum illum assumenda odio ut, quos, ipsam molestias et sint nemo, saepe! Soluta a, quasi sequi, ut corrupti eius molestias.
</div>
</div>

CSS

body,html {
  height: 100%;
}
.container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  height: 100%;
}
.btn-1,
.btn-2,
.btn-3 {
  width: 40px;
  height: 40px;
}
.btn-1 {
  background: red;
  margin-right: auto;
}
.btn-2 {
  background: blue;
}
.btn-3 {
  background: orange;
}

.text {
  width: 100%;
  align-self: flex-start;
}