JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="child1"></div>
    <div class="child2"></div>
    <div class="child3"></div>
</div>

CSS

.wrapper {
    background: #aaa;
    overflow:hidden;
    zoom: 1;
    width: 85px;
    padding: 5px;
}

.child1, .child2, .child3 {
    background: #333;
    float: left;
    width: 40px;
    height: 85px;
}

.child1 {
    margin: 0 0 5px;
}

.child2 {
    background: #ddd;
    float: right;
    height: 175px;
}