JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container divinline">
    <div class="row row1">ROW ONE</div>
    <div class="row row2">ROW TWO</div>
</div>

CSS

.divinline{
    display:inline-block;
}

.container{
	height:60px;
	background:#ffee12;
	width:50%;
    text-align:left;
}

.row {
    line-height:30px;
    height:50%;
    font-size:12px;
}

.row1{
	background:#450011;
}

.row2{
	background:#333333;
    color:#FFF;
}