JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <div class="hi">
        <label>blabla</label>
    </div>
    <div class="hi">
        <label>blabla</label>
        <br/>
        <label>blabla</label>
    </div>
</section>
<div style="width:100%;">
    <label>blabla</label>
    <label>blabla</label>
</div>

CSS

div.hi {
    width: 50%;
    height:100%;
}
section {
    height:400px;
}
div {
    float: left;
    border: 1px solid black;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}