JSFiddle - React, Tailwind, and code Playground

by Liu David

HTML

<div class="container divinline">
    <div class="row1 "><span class="helper"></span>
        你好</div>
    <div class="row2"><span class="helper"></span>ROW TWO</div>
</div>

CSS

.divinline{
    display:inline-block;
}

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

.row1{
	background:#450011;
	font-size:12px;
	height:40%;
}

.row2{
	background:#333333;
	font-size:10px;
	height:60%;
}


.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}