JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container' style='border: 1px solid red;'>
    <div id='header'>
        хедер
    </div>
    <div id='wrapper'>
        <div id='content'>
            контент 
        </div>

        <div id='sbars'>
            сайдбары
        </div>
    </div>
    <div class='clear'></div>
    <div id='footer'>
        футер
    </div>
</div>

CSS

#container {
width: 95%;
margin: 0 auto;
background: #fff;
}

#header
{}

.clear {clear:both;}

#content {
width: 60%;
margin: 10px auto;
float:left;
padding: 15px;} 

#sbars {
width: 20%; 
float:right;}

#footer{
clear:both;
margin: 0 auto;
}
* {border: 1px solid red}