图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)

<style type="text/css">
.content{
	width:20%;
	height:60px;
	border:1px solid red;
	text-align:center;}
span{
	height:100%;
	vertical-align:middle;
	line-height:60px;}
img{
	vertical-align:middle;}
</style>
<div class="content">
	<img src="1.jpg">
	<span>测试一下吧</span>
</div>

效果如下图：