Untitled

body, html {
width: 800px;
height: auto;
}
header {
background-color: #000000;
}
table {
font-family: arial, sans-serif;
width: 400px;
}
td, th {
border: 1px solid #313131;
padding: 10px;
text-align: center;
}
div {
background-color: #FFFF99;
display: inline-block;
margin: 0;
}
.left {
float: left;
width: 200px;
height: 400px;
background-color: red;
}
.right {
width: 200px;
height: 400px;
float: right;
background-color: rgb(0, 0, 255);
}
.middle {
width: 400px;
height: 400px;
margin-left: auto;
margin-right: auto;
}
h1 {
text-align: center;
color: white;
}

<body>
<header>
<h1>Prosta strona</h1>
</header>
<div class="left">
</div>
<div class="right">
</div>
<div class="middle">
<table>
<th>Pracownicy</th>
<tr>
<th>Imię i nazwisko</th>
<th>Stanowisko</th>
<th>Pensja</th>
</tr>
<tr>
<td>Amelia Kowalska</td>
<td>Sprzątaczka</td>
<td>1900 zł</td>
</tr>
<tr>
<td>Jerzy Kuma</td>
<td>Sprzedawca</td>
<td>2000 zł</td>
</tr>
<tr>
<td>Andrzej Majewski</td>
<td>Ochroniarz</td>
<td>2200 zł</td>
</tr>
</table>
</div>
</body>