JSFiddle - React, Tailwind, and code Playground

by pit show

HTML

<div class="container">
   
    <h1> title 1 </h1>
    <div class="sub"></div>
</div>
<div class="container">
    <h1> title 2 </h1>
    <div class="sub"></div>
</div>

CSS

.container{
   display:table;
    width:200px;
    height:50px;
    background-color:red;
    text-align:center;
}
.h1{
    display:table-cell;
    vertical-align:middle;
}
.sub{ 
    width:20px;
    height:20px;
    background-color:blue;
}