JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header" class="header">
    <div class="logo">
        <img src="/Content/images/logo.png" alt="" />
    </div>
    <div class="logoClient">
        Test Client
    </div>
    <div class="clear"></div>
</div>

CSS

.header 
{
    display: table;
    width: 950px;
    font-family:Helvetica, Arial, sans-serif;
}

.logo {
    display: table-cell;
    background: #004B35;
}
       
 .logoClient 
 {
    display: table-cell;
    font-size: 30px;
    color: #004B35;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

.logoClient img 
{
    max-height: 40px;
    max-width:200px;
    margin: 0px;
}

.clear 
{
    clear: both;
}