JSFiddle - React, Tailwind, and code Playground

by Nilesh Mahajan

HTML

<div class="headers">
    <div class="logo"></div>
    <div class="slogan">IIN</div>
</div>

CSS

.headers
{
    background-color: #ff0000;
    width: 100%;
    overflow: hidden;
    display: table;
    vertical-align:middle;
}
.logo
{
    height: 35px;
    border: 1px solid #00ff00;
    float: left;
    width: 30px;
}
.slogan
{
    display: table-cell;
    vertical-align: middle;
    text-align:right;
}