<!DOCTYPE html> <html> <head> <style> / CSS code here /
background-color: Gray;
color: white;
text-align: center;
}
#city {
background-color: #eeeeee;
height: 100px;
width: 10%;
float: left;
}
#Lsection {
background-color: #ffee00;
width: 40%;
height: 200px;
float: left;
margin-left: 20px;
}
#Psection {
background-color: powderblue;
width: 40%;
height: 200px;
float: left;
margin-left: 20px;
}
</style></head> <body> <div id="header"> <h1>City Gallery</h1> </div> <div id="city"> London <br> Paris <br> Tokyo <br> </div> <div id="Lsection"> <h1>London</h1> <p>London is the capital city of England.</p> </div> <div id="Psection"> <h1>Paris</h1> <p>Paris is the capital city of France.</p> </div> </body> </html>