JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="header">
<div class="hwrap"><h1 class="menuLogo">fhtgames.com</h1>Test</div>
</div>
</body>

CSS

#header {
    width: 100%;
    padding: 5px 0;
    background: #b20000;
    margin-bottom: 30px;
}
#header .hwrap {
    display: block;
    width: 980px;
    height: 40px;
    margin: 0 auto;
    background: blue;
}
#header .menuLogo {
    display: inline-block;
    width: 205px;
    height: 70px;
    background: url(menu_logo-70px.png) yellow;
    text-indent: -9999px;
    margin-bottom: -30px;
}