JSFiddle - React, Tailwind, and code Playground

by Rik Flink

HTML

<div class="holder">
    <span class="item1">item1</span>
    <span class="item2">
        item2  item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2
    </span>
</div>

CSS

.holder {
    background:red;
    height:100px;
}

span {
    display:inline-block;
    vertical-align:bottom;
    background:blue;
}

.item1 {
    height:100px;
}

.item2 {
    width:200px;
}