JSFiddle - React, Tailwind, and code Playground

HTML

<div  id= "top">
    <div class="content">
        <div class="banner"></div>
        <div class="menu">Menu | Menu | Menu</div>
    </div>
</div>

CSS

#top {
    background-color: #000 ;
    padding-bottom:10px !important;
    padding-top: 50% !important;
    padding-left: 30% !important;
    position:relative;
}
.banner
{    
    background-image:url('http://www.batikdharsono.com/x_img/batik-bird.png');
    background-size: auto 100%;
    background-position:center left;
    background-repeat:no-repeat;    
    width:100px;
    height:20px;
    float:left;
}
.content{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    position:absolute;
}
.menu{
    float:left;
    border:1px solid #aaa;
    width:200px;
    height:20px;
    color:#fff;
}