JSFiddle - React, Tailwind, and code Playground

by okke

HTML

<div class="header">
<div class="width">

    <div class="menu">
        link1 link2 link3 <!-- normaal netjes een UL -->
    </div>

</div>
</div>

CSS

.header {
    background: skyblue;
    background: rgba(0,0,255,0.5);
    background-image: url('http://i.minus.com/i3RMIQR9Ll7Yt.png');
    background-repeat: no-repeat;
    background-position: 50% 35px;
}
.width { 
    width: 300px; 
    height: 30px; 
    padding: 35px 0px; 
    margin: 0 auto; 
    background: skyblye;
    background: rgba(0,0,255,0.5);
}
.menu { 
    width: 200px; 
    height: 30px; 
    float: right; 
    background: white; 
}