JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="header">
        <div class="top">
            <div id="logo">Logo</div>
            <div id="desc">Description</div>
        </div>
        <div id="menu">Menu</div>
    </div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
body {
    background: url(../img/bg.png);
}
div {
    background-color: #8e8f83;
}
#wrap {
    width: 900px;
    margin: 0 auto;
}
#logo {
    border: 1px solid red;
    width: 250px;
    float: left;
}
#desc {
    border: 1px solid red;
    width: 630px;
    float: right;
}
#menu {
    border: 1px solid red;
    clear: both;
    margin: 10px 0 0;
}
.top {
    clear: both;
    overflow: hidden;
}