JSFiddle - React, Tailwind, and code Playground

by GopsAB

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;
}
.logo
{
    height: 35px;
    border: 1px solid #00ff00;
    float: left;
    width: 30px;
}
.slogan
{
    float: right;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}