JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<body>
    <header>
        <h1>Headline</h1>
        <div></div>
    </header>
</body>

CSS

body { padding: 0; margin: 0 auto; width: 400px; }
header { background-image: url('http://placehold.it/100x50/ffff00&text=LOGO'); background-position: left top; background-repeat: no-repeat; }
header h1 { text-align: right; margin: 0 0 5px; padding: 0; font-size: 1em; }
header div { background-image: url('http://placehold.it/400x100/0000ff&text=HEADER'); background-position: left top; background-repeat: no-repeat; height:200px; }