Wymuszanie użycia elementów div w celu ich dotykania w pionie

Question

Chcę mieć stronę taką jak this.

Po wypróbowaniu trochę CSS i HTML kod takiego: Kod CSS:

html,body{ 
    margin:0px; 
    background-color:#CCC; 
} 
#header{ 
    background-color:#FFF; 
    height:350px; 
    width:750px; 
    display:block; 
    } 
#menu{ 
    background-color:#096; 
    height:60px; 
    width:100%; 
    display:block; 
} 
#content{ 
    background-color:#03F; 
    width:750px; 
    height:400px; 
    } 
#footer{ 
    background-color:#900; 
    height:120px; 
    width:750px; 
    display:block; 
    bottom:0px; 
    position:relative; 
    } 

HTML kod:

<center> 
    <div id="header"> 

    </div> 
    <div id="menu"> 

    </div> 
    <div id="content"> 

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

    </div> 
</center> 

było to samo, ale po dokonaniu niektóre tekst do części "zawartości" został oddzielony. lubię to This.

Co to jest problem z moim kodem CSS?

Answer 1

To dlatego, że tag p ma domyślną wartość margin.

dodawania CSS jak to

p{ 
margin:0px; 
} 

Fiddle