<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img{
vertical-align: middle;/* 控制图片和文字的水平位置 */
/* 1.用baseline会有两像素左右的空隙
2.display:block也可消除,但是不提倡使用
*/
}
div{
border:2px solid red;
}
</style>
</head>
<body>
<div>
<img src="images/tudou.jpg" height="252" width="448" alt="">
my name is Li Hua
</div>
</body>
</html>