单行图文混排垂直居中

<!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;width: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>

 

你可能感兴趣的:(垂直居中)