JSFiddle - React, Tailwind, and code Playground

by derekstory

HTML

<div id="header">
        <div id="logo"></div>
        <div id="login">
        <input type="text" placeholder="EMAIL ADDRESS" value="" name="email" id="user">

        </div><!-- end login div -->
     </div><!--end header div -->

CSS

body {
    margin: 0px;
    padding: 0px;
}
input {
    float: right;

}

#header {
    background:#000 url(images/headerGradient.png);
    background-repeat: repeat;
    margin:0px;
    padding:0px;
    width:auto;
    height:72px;
    display:block;
}

#logo {
    background: #222 url(images/logo.png);
    width: 182px;
    height: 66px;
    vertical-align:middle;
    margin-left: 60px;
    float: left;
}