SOURCE

<div id="header">
<h1>City </h1>
</div>

<div id="nav"><a href="http://baike.baidu.com" >
 London<br/>
    Paris<br/>
    Tokyo<br/>
  </a>
</div>

<div id="section">
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<img src="http://www.bz55.com/uploads/allimg/120810/1-120Q0092047.jpg" height=200>
</div>

<div id="footer">
www.baidu.com
</div>

#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px; 
}
#section {
    width:350px;
    float:left;
    padding:10px; 
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}