html+css基础4（让图片和文字在一行上下居中）

HTML代码

				<dl>
					<dt>联系我们</dt>
					<dd><img src="images/index/dizhi.png" >&nbsp;河南高新区万仙洞</dd>
					<dd><img src="images/index/dianhua.png" >&nbsp;400-12345678</dd>
					<dd><img src="images/index/wangzhi.png" >&nbsp;www.1234.com</dd>
				</dl>

CSS只给行高

.footer dl dd{
	font-size: 18px;
	color: #d0c8c8;
	letter-spacing: 2px;
	line-height: 50px;
}

效果：文字与图片底部对齐

解决方法一：图片浮动

.footer dl dd img{
	float: left;
	margin-top: 10px;
	display: block;
}

解决方法二：图片垂直居中

.footer dl dd img{
	display: inline-block;
	vertical-align: middle;
}

解决后效果