JSFiddle - React, Tailwind, and code Playground

HTML

<title>Главная</title>

<body>
<div id="header"><img src="images/head.jpg" width="100%" height="100%" /></div>
 
<div id="menu">Раздел 1 | Раздел 2 | Раздел 3 | Раздел 4 | Раздел 5  </div>
 
<div id="pages">
<div id="content"></div>
 

<div id="foot"></div>
</div>
 
<div id="footer"></div>
</body>

CSS

* {
	margin: 0;
	padding: 0;
}
body {
	background: #0a1741;
	}
	
#header {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    width: 700px;
    height: 180px;
    border: 1px solid #000000;
    background: #ffffff;
    }
	
#menu {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
    width: 695px;
    height: 25px;
    border: 1px solid #000000;
    background: #ffffff;
    }
	
#pages { 
    margin-left: auto; 
    margin-right: auto; 
    width: 700px;
    }
	
#content {
    margin-right: 10px;
    width: 700px;
    height: 300px;
    border: 1px solid #000000;
    background: #ffffff;
    float: left;
    }
	
#foot {
    clear: both;
    }
	
#footer {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    height: 45px;
    border: 1px solid #000000;
    background: #ffffff;
    }