CSS图片垂直居中方法

<style type=text/css>
.miao {
  width:500px;
  height:220px;
  line-height:220px;
  border: 1px solid;
  text-align: center;
}
.miao img {
  vertical-align: middle;
}
</style>
 <h1>固定高宽的容器中，图片垂直局中。</h1>
<p>使用的绝对定位和相对定位的方法</p>
<hr />
<div class=miao><span><img alt=Google src=http://www.google.cn/intl/zh-CN/images/logo_cn.gif /></span>你知道的太多了 </div>