设置行高后前后块位置下移

让文字上下居中的一个技巧就是设置行高与父元素高度一致，但是我出现了一个问题，就是前面的图片会往下走，不知道为什么，下面是代码和效果图

.nav .logo img{
	height: 60px;
}
.nav .logo span{
	font-size: 30px;
	line-height: 60px;
	color: white;
}

之后发现了一个解决方案，就是使用vertical-align: top;跟父元素最高保持同一高度

.nav .logo img{
	height: 60px;
	vertical-align: top;
}
.nav .logo span{
	font-size: 30px;
	line-height: 60px;
	color: white;
}