JSFiddle - React, Tailwind, and code Playground

by AlienWebguy

HTML

<div id="header">
    <div id="logo">
        <a href="/">Home</a>
    </div>
    <span id="user_box">
        test
    </span>
</div>

CSS

#header {
    width: 960px;
    height: 110px;
    background-color:pink;
}

#logo {
    background: url('/assets/img/logo.png') no-repeat center;
    width: 300px;
    height: 110px;
    float: left;
}


#user_box {
    width: 300px;
    height: 60px;
    line-height:110px;
    float: right;
    vertical-align: middle;
}