JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <div id="buttons">Buttons</div>
    <h1>Heading</h1>
    <div id="logo">Logo</div>

</div>

CSS

#header {
    background:red;
    position: relative;
    text-align: center;
}

#header h1 {
    display: inline;
}

#header #buttons {
    position: absolute; left: 0; top: 0;
}

#header #logo {
    position: absolute; right: 0; top: 0; width: 100px;
}