Stap 6: Het toevoegen van enkele extra divs voor structuur in hoofdinhoud
De code ziet er nu als volgt uit:
< div id = "maincontent" >
< div class = "contentblock" >
< p > Lorem ipsum dolor sit amet,... < /p >
< / div >
< / div >
Nogmaals, gaan we een stukje code toevoegen aan onze css-bestand om te bepalen hoe het div-element moet worden weergegeven:
div.contentblock {}
breedte: 580px;
marge: 5px auto;
rand: 1px solid wit;
}
We kunnen nu een ander blok van inhoud toevoegen door het toevoegen van een andere "< div class ="contentblock">... < / div >" in de maincontent-div uitzien;
< div id = "maincontent" >
< div class = "contentblock" >
< p > Lorem ipsum dolor sit amet,... < /p >
< / div >
< div class = "contentblock" >
< p > Nunc cursus, justo eigen elementum uitspraak,... < /p >
< / div >
< / div >