JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <div id="eslogan">Always Coca-Cola</div>
    <div id="logo">
        <img src="http://smallbusinessplanned.com/wp-content/images/Logo_Coke2.jpg">
    </div>
</header>

CSS

header {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 15px;
}
div#eslogan {
    float: left;
}
div#logo {
    float: right;
}


/* Todo lo demás es para que se vea mejor el efecto */
 header {
    overflow: auto;
    background: #efefef;
}
div {
    border: 1px solid firebrick;
}