JSFiddle - React, Tailwind, and code Playground

by bestiole

HTML

<div id="container">
<div class="left">
    Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text Dynamic text
</div>
<div class="right">
    <span>Fixed text</span><br/><span>Fixed text</span>
</div>
</div>

CSS

#container {
    display: flex;
}

.left {
    background-color: green;
}

.right {
    flex-shrink:0;
    flex-basis: 80px;
    text-align: center; 
    background-color: red;
    align-self:flex-end;
}