Étape 6: Ajouter des divs supplémentaires pour structure au contenu principal
Le code ressemble maintenant à ceci :
< div id = « maincontent » >
< div class = « contentblock » >
< p > Lorem ipsum dolor sit amet,... < /p >
< / div >
< / div >
Encore une fois, nous allons ajouter un morceau de code dans notre fichier css afin de déterminer comment la div doit figurer :
{div.contentblock}
Largeur : 580px ;
marge : 5px auto ;
border : 1px solid blanc ;
}
Nous pouvons maintenant ajouter un autre bloc de contenu en ajoutant un autre "< div class ="contentblock">... < / div >" dans la balise div maincontent comme ceci ;
< div id = « maincontent » >
< div class = « contentblock » >
< p > Lorem ipsum dolor sit amet,... < /p >
< / div >
< div class = « contentblock » >
< p > Nunc cursus, justo eget elementum dictum,... < /p >
< / div >
< / div >