line-height和vertical-align

vertical-align时灵时不灵，究其原因，是因为它只对行内元素起作用；这就牵扯到顶线、中线、基线、底线了。 而vertical-align就是对应这几条线的。

HTML

<div>
<img src="https://www.baidu.com/img/bd_logo1.png"><span>xxxx</span>
</div>
<a href='#'>qqqqq</a>

CSS

div{
  background-color:#6699CC;
}