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
.container {
display: flex;
justify-content: flex-end;
position: relative;
flex-wrap: wrap; /* NEW */
}
.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%;
}