JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="column">
        <div class="header">
           header 
        </div>
        aaaaaaa<br/>
        aaaaaa
    </div>    
</div>

CSS

.box{
    background: #f00;
    height: 150px;
    width: 100%;
    position: relative;
    padding: 20px;
    padding-bottom: 0;
}
.column{
    background: #0f0;
    width: 30%;
    position: relative;
    top: 100%
}
.header{
    position: absolute;
    bottom: 100%;
    width: 100%;
    background: #00f;
}