JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="izda">
        Foo
    </div>
    <div class="dcha">
        <p>Lorem ipsum dolor</p>
        <p>Lorem ipsum dolor</p>
        <p>Lorem ipsum dolor</p>

        <p>Lorem ipsum dolor LAST</p>
        <ul>
            <li>Item</li>
            <li>Another</li>
            <li>More</li>
            <li>Item</li>
        </ul>
    </div>
</div>

CSS

.container {position:relative}
.izda{background:red; height:20em; display:inline-block; width:20%; vertical-align:top;}
.dcha{background:gold; display:inline-block; width:78%; margin-bottom:3em;}
ul{position:absolute; bottom:0; background:pink; margin:0; padding:0; max-width:100%}
ul li {float:left; list-style:none; border:1px solid black; margin:0 1em; padding:1em;}