<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>诗歌——如梦令</title>
<style>
#p {
float: left;
width: 400px;
height: auto;
}
#c {
float:right;
width: 600px;
}
#c>ul>li {
list-style: none;
font-family: "微软雅黑";
font-size: larger;
text-align: center;
font-weight: 400;
}
</style>
</head>
<body>
<div id="p">
<img src="http://pp.qn.img-space.com/g2/M00/02/72/Cg-4klSa4NyINd0SAAF6rj4216oAAD0rQJJ1MYAAXrG737.jpg?imageView2/2/w/600/q/90/ignore-error/1/" width="750" height="600">
</div>
<div id="c">
<h1 style="text-align: center">如梦令</h1>
<h6 style="text-align: center">李清照</h6>
<ul>
<li >常记溪亭日暮,</li><br/>
<li >沉醉不知归路。</li><br />
<li >兴尽晚回舟,</li><br />
<li>误入藕花深处。</li><br />
<li>争渡,争渡,</li><br />
<li>惊起一滩鸥鹭。 </li>
</ul>
</div>
</body>
</html>