JSFiddle - React, Tailwind, and code Playground

by voigtan

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="layout.css" />
</head>

<body>
<div id="contianer">
    <div id="banner">
        <div id="logo"><img src="images/logo.png" /></div>
        <br><br><br><br>
        <div id="menu">kfmdkfkmd    ofkeofke   ofkefoke   okfeok ofkeofke   ofkefoke   okfeok</div>
    </div>        
    <div id="content">gjrgrjglrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br><br><br><br>gjrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br>r><br>gjrgrjglrjlgjrl<br><br><br><br>gjrgrjglrjlgjrl<br><br></div>
    <div id="copyright"> A TODJD jfshfsj PRODUCTION<br> theprojectnamne &#169; 2012</div>
    <div id="search"><h1>SEARCH</h1></div>
    <div id="userbar">fkfjsfsj<br><br>gdgdggs<br><br>kgdkgdgk<br><br>gdgdggs<br><br>kgdkgdgk<br><br>gdgdggs<br><br>kgdkgdgk<br></div><br>
</div>
</body>
</html>

CSS

#banner {
    background-color: #3B5998;
    height:100px;
}

#logo {
    float:right;
    margin-right:60px;

}

#menu{
    float:right;
    margin-right:20px;
    color:#7f93bc;
}

#contianer {
    width:1050px;
    border: 1px solid #3B5998;
    overflow: hidden;
}

#userbar {
    border:1px dashed black;
    width:150px;
    margin:3px;
    
}
#search {
    border:1px dashed black;
    width:150px;
    margin:3px;
}
#content {
    border:1px solid  #3B5998;
    float:right;
    width:888px;
    margin:2px;
    
}
#copyright{
float: right;
margin-right:420px;
text-align:center;
}