Разделение экрана на веб-странице HTML

Question

необходимо создать веб-страницу, которая разделена. Как я могу разделить экран на 5 различных областях:

North, 
South, 
East, 
West and Center . 

, как я могу сделать это в HTML-страницы?

Answer 1

Как так:

HTML (в теле)

<div id="North"> 
    North Area 
</div> 
<div id="Wrapper"> 
    <div id="West"> 
     West Area 
    </div> 
    <div id="Center"> 
     Center Area 
    </div> 
    <div id="East"> 
     East Area 
    </div> 
</div> 
<div id="South"> 
    South Area 
</div> 

CSS

#North,#Wrapper,#South 
{ 
    width: 100%; 
} 

#Center,#East,#West 
{ 
    display: inline-table; 
    width: 32%; 
    vertical-align: top; 
} 

body 
{ 
    text-align: center; 
} 

на север, юг, и обертку и только шириной в один шаг объектов, где север находится сверху, а юг ниже остальных. Затем на запад, восток и центр устанавливаются только 33% ширины экрана в пределах их площади, поэтому они сидят рядом друг с другом.

Пример: JSFiddle