JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    	<div class="header-left">LEFT</div>
    	<div class="logo"><img src="images/logo" width="409" height="138" /></div>
        <div class="header-right">RIGHT</div>
</div>

CSS

.header-left {
	width:33%;
	display:inline;
}
.logo {
	width:409px; /* width of the logo */
	margin:10px auto 0 auto;
	display:inline;
}
.header-right {
	width:33%;
	display:inline;
}