JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="wrapper">
            <header>	
<div class="top_box">
<h1>страница</h1>
	                <nav>
                    <ul>
                        <li><a href="#" title="1">1</a></li>
                        <li><a href="#" title="2">2</a></li>
                        <li><a href="#" title="3">3</a></li>
                    </ul>
                </nav>
</div>
            </header>
<div class="left_section">текст лево</div>
<div class="right_section">текст право</div>

	<footer>footer</footer>
</div>
</body>

CSS

html, body {
height: 100%;
font-family: 'Monospace';
font-size:14px;
text-indent:0;
}

body {
width: 100%;
max-width: 960px;
background: url(../img/bg.jpg) no-repeat;
margin: 0 auto;
}
#wrapper {    

    } 
    
header {
width: 100%;
max-width: 960px;
    margin:0 auto;
}
.top_box {
width: 300px;
background: #fff;
}
.left_section {
width: 50%;
float:left;
}

.right_section {
width: 50%;
float:right;
}