JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page_align" class="b3radius">
<div id="header">
<!--<div id="header_nav">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Статьи</a></li>
<li><a href="#">Халява</a></li>
<li><a href="#">Смешно</a></li>
<li><a href="#">Сообщества</a></li>
<li><a href="#">Спорт</a></li>
<li><a href="#">Погода</a></li>
</ul> 
</div> -->


</div>


<div id="sidebar">
sidebar

</div> 


<div id="content">

content
</div>
<div class="clr"></div>
</div>

CSS

*{
margin:0;
padding:0;
outline:0;
}
body {
background: url("../images/bg.png") #f0f0f0;
font: 12px Arial, Tahoma, sans-serif; 
}
a {
text-decoration: none;
}
.b3radius { 
border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
}


#page_align {
background: url("../images/page_bg.png") #fff;
width: 1000px;
margin: 35px auto; 
box-shadow: 0px 1px 3px #dddddd;
-webkit-box-shadow: 0px 1px 3px #dddddd;
-o-box-shadow: 0px 1px 3px #dddddd;
-moz-box-shadow: 0px 1px 3px #dddddd;
overflow:hidden;
}
#header {
height: 95px;


border-bottom: solid 3px #bccadc;
background: fff;
}
#header_nav{
height: 35px;
border-bottom: solid 1px #dfdfdf;
}
#header_nav  ul{
list-style:none;
}


#header_nav ul li {              
float: left;
line-height: 35px;
padding: 0 9px;
border-right: solid 1px #eeeeee
}


#sidebar {
width: 195px;
float:left;






}
#content {
width: 800px;
float: right;


}
.clr {
clear: both;
}