单行图文混排垂直居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vertical-align:middle</title>
<style type="text/css">
* {margin:0px;padding:0px;}
body {font:12px "宋体"}
.cont {margin:30px auto;padding:75px 0px;300px;height:50px;border:1px solid #000;}
.cont img {vertical-align:middle;}
</style>
</head>

<body >
<div class="cont"><img src="http://img.baidu.com/img/post-jg.gif" width="137" height="46"/>向我看齐</div>
</body>
</html>
原文地址:https://www.cnblogs.com/vincent_ds/p/2886764.html