JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h4>A headline, that isn't involved</h4>
    <div class="clearfix">
        <div class="left"> <!-- float left, margin-right -->
            <img src="http://placehold.it/150x350" alt="placeholder" />
        </div>
        <div class="right"> <!-- float left -->
            <h5>The headline aligning to the top</h5>
            
            <div class="bottom-text">
                <p>
                    Some text aligning to the bottom
                </p>
            </div><!-- .bottom-text -->
        </div>
    </div>
</div>

CSS

.left {float:left; margin-right:20px;}
.right {float:left; background:#eeddff; /*background to see div*/}

.left, .right {height:350px; position:relative;}

.bottom-text {
    position:absolute;
    bottom:0;
}